diff --git a/components/layout/app-footer.tsx b/components/layout/app-footer.tsx
index 0dd973f..cf96a8a 100644
--- a/components/layout/app-footer.tsx
+++ b/components/layout/app-footer.tsx
@@ -1,6 +1,6 @@
-import { GitHubLogoIcon, TwitterLogoIcon } from '@radix-ui/react-icons';
import { Flex, Link, Text } from '@radix-ui/themes';
import React from 'react';
+import { FaGithub, FaXTwitter } from 'react-icons/fa6';
import { AppContent } from './app-content';
@@ -18,20 +18,20 @@ const FOOTER_SERVICE_LINKS = [
const FOOTER_SOCIAL_LINKS = [
{
href: 'https://github.com/experiment-station/beecast',
- icon: ,
+ icon: ,
title: 'GitHub',
},
{
- href: 'https://twitter.com/beecast_ai',
- icon: ,
- title: 'Twitter',
+ href: 'https://x.com/beecast_ai',
+ icon: ,
+ title: 'X.com',
},
] as const;
export function AppFooter() {
return (
-
+
Built with ☕️ by your folks at the{' '}
@@ -57,23 +57,19 @@ export function AppFooter() {
-
+
{FOOTER_SOCIAL_LINKS.map((link) => (
- {link.icon}
+ {link.icon}
))}
-
-
- ©2023 Experiment Station
-
diff --git a/components/layout/app-header.tsx b/components/layout/app-header.tsx
index 107f88c..718be6d 100644
--- a/components/layout/app-header.tsx
+++ b/components/layout/app-header.tsx
@@ -1,4 +1,3 @@
-import { ArrowRightIcon, PersonIcon } from '@radix-ui/react-icons';
import {
Avatar,
Button,
@@ -12,7 +11,14 @@ import {
Text,
} from '@radix-ui/themes';
import Link from 'next/link';
-import { CgDollar, CgLogOut, CgMediaPodcast, CgOptions } from 'react-icons/cg';
+import {
+ CgArrowRight,
+ CgDollar,
+ CgLogOut,
+ CgMediaPodcast,
+ CgOptions,
+ CgProfile,
+} from 'react-icons/cg';
import { UnstyledButton } from '../ui/unstyled-button';
import { AppContent } from './app-content';
@@ -38,7 +44,7 @@ function AppHeaderActionsAuthenticated(
}
+ fallback={}
radius="full"
src={props.user.avatarURL}
/>
@@ -57,7 +63,7 @@ function AppHeaderActionsAuthenticated(
{props.user.username}
-
+
{props.user.credits === 0 ? 'No' : props.user.credits} credits
remaining
@@ -109,7 +115,7 @@ function AppHeaderActionsGuest() {
);