Update icons and footer to add Reddit link and consolidate Discord variants

Author: robertpiosik

packages/ui/src/assets/icons/discord-text.svg

@@ -11,7 +11,6 @@ import CurlyBraces from '../../../../assets/icons/curly-braces.svg'
 import DeepSeek from '../../../../assets/icons/deepseek.svg'
 import GithubCopilot from '../../../../assets/icons/github-copilot.svg'
 import DiscordLogo from '../../../../assets/icons/discord-logo.svg'
-import DiscordText from '../../../../assets/icons/discord-text.svg'
 import Doubao from '../../../../assets/icons/doubao.svg'
 import Gemini from '../../../../assets/icons/gemini.svg'
 import Grok from '../../../../assets/icons/grok.svg'
@@ -25,6 +24,7 @@ import OpenWebUI from '../../../../assets/icons/open-webui.svg'
 import Perplexity from '../../../../assets/icons/perplexity.svg'
 import Qwen from '../../../../assets/icons/qwen.svg'
 import Together from '../../../../assets/icons/together.svg'
+import Reddit from '../../../../assets/icons/reddit.svg'
 import X from '../../../../assets/icons/x.svg'
 import Yuanbao from '../../../../assets/icons/yuanbao.svg'
 import ZAI from '../../../../assets/icons/z-ai.svg'
@@ -42,8 +42,7 @@ export namespace Icon {
     | 'COPILOT'
     | 'CURLY_BRACES'
     | 'DEEPSEEK'
-    | 'DISCORD_LOGO'
-    | 'DISCORD_TEXT'
+    | 'DISCORD'
     | 'DOUBAO'
     | 'GEMINI'
     | 'GITHUB_COPILOT'
@@ -58,6 +57,7 @@ export namespace Icon {
     | 'PERPLEXITY'
     | 'QWEN'
     | 'TOGETHER'
+    | 'REDDIT'
     | 'X'
     | 'YUANBAO'
     | 'Z_AI'
@@ -104,12 +104,9 @@ export const Icon: React.FC<Icon.Props> = ({ variant }) => {
     case 'DEEPSEEK':
       icon = <DeepSeek />
       break
-    case 'DISCORD_LOGO':
+    case 'DISCORD':
       icon = <DiscordLogo />
       break
-    case 'DISCORD_TEXT':
-      icon = <DiscordText />
-      break
     case 'DOUBAO':
       icon = <Doubao />
       break
@@ -152,6 +149,9 @@ export const Icon: React.FC<Icon.Props> = ({ variant }) => {
     case 'TOGETHER':
       icon = <Together />
       break
+    case 'REDDIT':
+      icon = <Reddit />
+      break
     case 'X':
       icon = <X />
       break

packages/ui/src/assets/icons/reddit.svg

@@ -1,5 +1,6 @@
 export const IGNORE_PATTERNS = [
   '**/package-lock.json',
+  '**/yarn.lock',
   '**/pnpm-lock.yaml',
   '**/node_modules',
   '**/*.png',

packages/ui/src/components/editor/common/Icon/Icon.tsx

@@ -44,6 +44,14 @@
       }
     }
 
+    &--reddit {
+      background-color: #ff4500;
+
+      > svg {
+        fill: white;
+      }
+    }
+
     &--discord {
       background-color: #5765f2;
 

packages/vscode/src/constants/ignore-patterns.ts

@@ -84,6 +84,16 @@ export const Footer: React.FC<Props> = (props) => {
           >
             <Icon variant="BUY_ME_A_COFFEE_LOGO" />
           </a>
+          <a
+            className={cn(
+              styles['footer__icon-button'],
+              styles['footer__icon-button--reddit']
+            )}
+            href="https://www.reddit.com/r/CodeWebChat/"
+            title="Reddit"
+          >
+            <Icon variant="REDDIT" />
+          </a>
           <a
             className={cn(
               styles['footer__icon-button'],
@@ -92,7 +102,7 @@ export const Footer: React.FC<Props> = (props) => {
             href="https://discord.gg/KJySXsrSX5"
             title="Get involved"
           >
-            <Icon variant="DISCORD_LOGO" />
+            <Icon variant="DISCORD" />
           </a>
         </div>