refactor: update ai icons

experiment-station · Dec 26, 2023 · 18ff620 · 18ff620
1 parent 5c5c65f
commit 18ff620
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/components/episode-ai-summary/episode-ai-summary-generator.tsx b/components/episode-ai-summary/episode-ai-summary-generator.tsx
@@ -6,7 +6,7 @@ import { transcribeEpisode } from '@/lib/services/ai/transcribe-episode';
 import { Button, Callout, Flex, Text } from '@radix-ui/themes';
 import { useCallback, useState } from 'react';
 import { FaExclamationTriangle } from 'react-icons/fa';
-import { PiRobotBold } from 'react-icons/pi';
+import { VscSparkle } from 'react-icons/vsc';
 
 import { EpisodeAISummaryPlaceholder } from './episode-ai-summary-placeholder';
 import { EpisodeAISummaryStreamer } from './episode-ai-summary-streamer';
@@ -51,7 +51,7 @@ export function EpisodeAISummaryGenerator({
           <Button highContrast onClick={generate} size="2">
             <Flex align="center" gap="2" justify="center">
               <Text mt="1" size="4" trim="both">
-                <PiRobotBold />
+                <VscSparkle />
               </Text>
 
               <Text style={{ textTransform: 'uppercase' }} weight="medium">

diff --git a/components/episode-ai-summary/episode-ai-summary-panel.tsx b/components/episode-ai-summary/episode-ai-summary-panel.tsx
@@ -1,7 +1,7 @@
 import type { PropsWithChildren } from 'react';
 
 import { Badge, Flex } from '@radix-ui/themes';
-import { PiRobotBold } from 'react-icons/pi';
+import { VscSparkle } from 'react-icons/vsc';
 
 import { CollapsiblePanel } from '../ui/collapsible-panel';
 import { Panel } from '../ui/panel';
@@ -21,7 +21,7 @@ function Title() {
           marginBottom: '-1px',
         }}
       >
-        <PiRobotBold />
+        <VscSparkle />
         AI
       </Badge>
 

diff --git a/components/episode-card.tsx b/components/episode-card.tsx
@@ -13,7 +13,7 @@ import { format } from 'date-fns';
 import formatDuration from 'format-duration';
 import NextLink from 'next/link';
 import { FaPlay } from 'react-icons/fa6';
-import { PiRobotBold } from 'react-icons/pi';
+import { VscSparkle } from 'react-icons/vsc';
 
 import styles from './episode-card.module.css';
 import { EpisodeDescription } from './episode-description';
@@ -68,7 +68,7 @@ export function EpisodeCard(props: Props) {
                   {props.hasContent ? (
                     <Tooltip content="This episode has AI generated summary">
                       <Button color="mint" size="1">
-                        <PiRobotBold />
+                        <VscSparkle />
                         AI
                       </Button>
                     </Tooltip>

diff --git a/components/layout/app-header.tsx b/components/layout/app-header.tsx
@@ -18,7 +18,7 @@ import {
   CgMediaPodcast,
   CgProfile,
 } from 'react-icons/cg';
-import { PiRobotBold } from 'react-icons/pi';
+import { RiMoneyDollarCircleLine } from 'react-icons/ri';
 
 import { Logo } from '../ui/logo';
 import { UnstyledButton } from '../ui/unstyled-button';
@@ -45,7 +45,7 @@ const USER_MENU_LINKS = [
   },
   {
     href: '/credits',
-    icon: <PiRobotBold />,
+    icon: <RiMoneyDollarCircleLine />,
     label: 'Buy credits',
   },
 ];