feat: use css.gg in app-header

experiment-station · Dec 13, 2023 · 9976587 · 9976587
1 parent 5d47485
commit 9976587
Showing 1 changed file with 27 additions and 3 deletions.
diff --git a/components/layout/app-header.tsx b/components/layout/app-header.tsx
@@ -12,6 +12,7 @@ import {
   Text,
 } from '@radix-ui/themes';
 import Link from 'next/link';
+import { CgDollar, CgLogOut, CgMediaPodcast, CgOptions } from 'react-icons/cg';
 
 import { UnstyledButton } from '../ui/unstyled-button';
 import { AppContent } from './app-content';
@@ -65,14 +66,37 @@ function AppHeaderActionsAuthenticated(
 
         <DropdownMenuSeparator />
 
-        <DropdownMenuItem>Your episodes</DropdownMenuItem>
-        <DropdownMenuItem>Settings</DropdownMenuItem>
+        <DropdownMenuItem>
+          <Flex align="center" gap="2">
+            <CgDollar />
+            <Text>Buy Credits</Text>
+          </Flex>
+        </DropdownMenuItem>
+
+        <DropdownMenuItem>
+          <Flex align="center" gap="2">
+            <CgMediaPodcast />
+            <Text>Your Shows</Text>
+          </Flex>
+        </DropdownMenuItem>
+
+        <DropdownMenuItem>
+          <Flex align="center" gap="2">
+            <CgOptions />
+            <Text>Settings</Text>
+          </Flex>
+        </DropdownMenuItem>
 
         <DropdownMenuSeparator />
 
         <DropdownMenuItem asChild color="red">
           <form action="/auth/sign-out" method="POST">
-            <UnstyledButton type="submit">Sign out</UnstyledButton>
+            <UnstyledButton type="submit">
+              <Flex align="center" gap="2">
+                <CgLogOut />
+                <Text>Sign out</Text>
+              </Flex>
+            </UnstyledButton>
           </form>
         </DropdownMenuItem>
       </DropdownMenuContent>