💄 style: Update GitHub to ProviderIcon

Author: canisminor1990

src/Ai21/components/Combine.tsx

@@ -1,3 +1,4 @@
+import { useTheme } from 'antd-style';
 import { memo } from 'react';
 
 import IconCombine, { type IconCombineProps } from '@/IconCombine';
@@ -10,15 +11,18 @@ export interface CombineProps extends Omit<IconCombineProps, 'Icon' | 'Text'> {
   type: 'mono' | 'color';
 }
 const Combine = memo<CombineProps>(({ type = 'mono', iconProps, ...rest }) => {
-  // @ts-ignore
-  if (type === 'mono') return <Text {...rest} />;
-
+  const theme = useTheme();
   return (
     <IconCombine
       Icon={Avatar}
       Text={Text}
       aria-label={TITLE}
-      iconProps={{ shape: 'square', ...iconProps }}
+      iconProps={{
+        background: type === 'mono' ? theme.colorText : undefined,
+        color: type === 'mono' ? theme.colorBgLayout : undefined,
+        shape: 'square',
+        ...iconProps,
+      }}
       spaceMultiple={SPACE_MULTIPLE}
       textMultiple={TEXT_MULTIPLE}
       {...rest}

src/Ai21/style.ts

@@ -1,5 +1,5 @@
 export const TITLE = 'AI21';
-export const TEXT_MULTIPLE = 0.7;
+export const TEXT_MULTIPLE = 0.75;
 export const SPACE_MULTIPLE = 0.2;
 export const COLOR_PRIMARY = '#E91E63';
 export const COLOR_GRADIENT = 'linear-gradient(-45deg, #F68CB2,  #E91E63)';

src/Groq/components/Combine.tsx

@@ -1,3 +1,4 @@
+import { useTheme } from 'antd-style';
 import { memo } from 'react';
 
 import IconCombine, { type IconCombineProps } from '@/IconCombine';
@@ -10,13 +11,19 @@ export interface CombineProps extends Omit<IconCombineProps, 'Icon' | 'Text'> {
   type?: 'mono' | 'color';
 }
 
-const Combine = memo<CombineProps>(({ type = 'mono', ...rest }) => {
+const Combine = memo<CombineProps>(({ type = 'mono', iconProps, ...rest }) => {
+  const theme = useTheme();
   return (
     <IconCombine
       Icon={Avatar}
       Text={Text}
       aria-label={TITLE}
-      showLogo={type === 'color'}
+      iconProps={{
+        background: type === 'mono' ? theme.colorText : undefined,
+        color: type === 'mono' ? theme.colorBgLayout : undefined,
+        shape: 'circle',
+        ...iconProps,
+      }}
       spaceMultiple={SPACE_MULTIPLE}
       textMultiple={TEXT_MULTIPLE}
       {...rest}

src/ProviderCombine/const.tsx

@@ -3,7 +3,7 @@ import { Divider } from 'antd';
 import { FC, ReactNode, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import Ai21 from '@/Ai21'
+import Ai21 from '@/Ai21';
 import Ai360 from '@/Ai360';
 import AiMass from '@/AiMass';
 import Anthropic from '@/Anthropic';
@@ -15,6 +15,7 @@ import Claude from '@/Claude';
 import DeepSeek from '@/DeepSeek';
 import Fireworks from '@/Fireworks';
 import Gemini from '@/Gemini';
+import Github from '@/Github';
 import Google from '@/Google';
 import Groq from '@/Groq';
 import LobeHub from '@/LobeHub';
@@ -140,5 +141,6 @@ export const providerMappings: ProviderMapping[] = [
   { Icon: Novita.Combine, keywords: [ModelProvider.Novita], multiple: 0.95 },
   { Icon: SiliconCloud.Combine, keywords: [ModelProvider.SiliconCloud], multiple: 0.75 },
   { Icon: Upstage.Combine, keywords: [ModelProvider.Upstage], multiple: 0.9 },
-  { Icon: Ai21.Combine, keywords: [ModelProvider.Ai21] },
+  { Icon: Ai21.Combine, keywords: [ModelProvider.Ai21], multiple: 0.9 },
+  { Icon: Github.Combine, keywords: [ModelProvider.Github], multiple: 0.95 },
 ];

src/ProviderIcon/const.ts

@@ -9,6 +9,7 @@ import Baichuan from '@/Baichuan';
 import Bedrock from '@/Bedrock';
 import DeepSeek from '@/DeepSeek';
 import Fireworks from '@/Fireworks';
+import Github from '@/Github';
 import Google from '@/Google';
 import Groq from '@/Groq';
 import type { IconAvatarProps } from '@/IconAvatar';
@@ -56,6 +57,7 @@ export enum ModelProvider {
   Bedrock = 'bedrock',
   DeepSeek = 'deepseek',
   FireworksAI = 'fireworksai',
+  Github = 'github',
   Google = 'google',
   Groq = 'groq',
   LobeHub = 'lobehub',
@@ -109,4 +111,5 @@ export const providerMappings: ProviderMapping[] = [
   { Icon: SiliconCloud, keywords: [ModelProvider.SiliconCloud] },
   { Icon: Upstage, keywords: [ModelProvider.Upstage] },
   { Icon: Ai21, keywords: [ModelProvider.Ai21] },
+  { Icon: Github, keywords: [ModelProvider.Github] },
 ];

src/ZeroOne/components/Combine.tsx

@@ -1,23 +1,29 @@
+import { useTheme } from 'antd-style';
 import { memo } from 'react';
 
 import IconCombine, { type IconCombineProps } from '@/IconCombine';
 
 import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
 import Avatar from './Avatar';
-import Mono from './Mono';
 import Text from './Text';
 
 export interface CombineProps extends Omit<IconCombineProps, 'Icon' | 'Text'> {
   type?: 'mono' | 'color';
 }
 
-const Combine = memo<CombineProps>(({ type = 'mono', ...rest }) => {
+const Combine = memo<CombineProps>(({ type = 'mono', iconProps, ...rest }) => {
+  const theme = useTheme();
   return (
     <IconCombine
-      Icon={type === 'mono' ? Mono : Avatar}
+      Icon={Avatar}
       Text={Text}
       aria-label={TITLE}
-      iconProps={{ shape: 'square' }}
+      iconProps={{
+        background: type === 'mono' ? theme.colorText : undefined,
+        color: type === 'mono' ? theme.colorBgLayout : undefined,
+        shape: 'square',
+        ...iconProps,
+      }}
       spaceMultiple={SPACE_MULTIPLE}
       textMultiple={TEXT_MULTIPLE}
       {...rest}