diff --git a/src/components/JamLanding.tsx b/src/components/JamLanding.tsx index dd40aec9..53f1f229 100644 --- a/src/components/JamLanding.tsx +++ b/src/components/JamLanding.tsx @@ -15,7 +15,7 @@ export default function JamLanding() { toggleDisplayMode, isPrivate, formatAmount, - getLogo, + currencySymbol, jars, totalBalance, isLoading, @@ -40,7 +40,7 @@ export default function JamLanding() { > {formatAmount(totalBalance)}{' '} - {getLogo('lg')} + {currencySymbol('lg')} )} diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 01c45fdf..6e4056c5 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -17,7 +17,7 @@ interface NavbarProps { theme: string toggleTheme: () => void formatAmount: (amount: number) => string - getLogo: (size: 'sm' | 'lg') => React.ReactNode + currencySymbol: (size: 'sm' | 'lg') => React.ReactNode jars: Jar[] isLoading?: boolean } @@ -37,7 +37,7 @@ const WithActivityIndicator = ({ active, children }: PropsWithChildren<{ active: ) } -export function Navbar({ theme, toggleTheme, formatAmount, getLogo, jars, isLoading = false }: NavbarProps) { +export function Navbar({ theme, toggleTheme, formatAmount, currencySymbol, jars, isLoading = false }: NavbarProps) { const { t } = useTranslation() const navigate = useNavigate() const jmSessionState = useStore(jmSessionStore, (state) => state.state) @@ -71,7 +71,7 @@ export function Navbar({ theme, toggleTheme, formatAmount, getLogo, jars, isLoad ) : ( <>
{formatAmount(totalBalance)}
- {getLogo('sm')} + {currencySymbol('sm')} )} diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx index e1fbbc10..a23dbc3e 100644 --- a/src/components/layout/Layout.tsx +++ b/src/components/layout/Layout.tsx @@ -26,7 +26,9 @@ export function Layout({ children }: LayoutProps) { togglePrivacyMode, toggleDisplayMode, formatAmount, - getLogo: (size: 'sm' | 'lg' = 'lg') => , + currencySymbol: (size: 'sm' | 'lg' = 'lg') => ( + + ), jars, totalBalance, walletName, @@ -42,7 +44,7 @@ export function Layout({ children }: LayoutProps) { theme={resolvedTheme || 'dark'} toggleTheme={toggleTheme} formatAmount={formatAmount} - getLogo={(size) => } + currencySymbol={displayModeValue.currencySymbol} jars={jars} isLoading={isLoading} /> diff --git a/src/components/layout/display-mode-context.ts b/src/components/layout/display-mode-context.ts index 8d41536a..3d619505 100644 --- a/src/components/layout/display-mode-context.ts +++ b/src/components/layout/display-mode-context.ts @@ -29,7 +29,7 @@ export interface DisplayModeContextType { togglePrivacyMode: () => void toggleDisplayMode: () => void formatAmount: (amount: number) => string - getLogo: (size?: 'sm' | 'lg') => ReactNode + currencySymbol: (size?: 'sm' | 'lg') => ReactNode jars: Jar[] totalBalance: number walletName: string | null diff --git a/src/stories/Navbar.stories.tsx b/src/stories/Navbar.stories.tsx index eb95e160..9629ce63 100644 --- a/src/stories/Navbar.stories.tsx +++ b/src/stories/Navbar.stories.tsx @@ -21,7 +21,7 @@ export default meta type Story = StoryObj const mockFormatAmount = (amount: number) => `${amount} sats` -const mockGetLogo = (size: 'sm' | 'lg') => +const mockCurrencySymbol = (size: 'sm' | 'lg') => const mockJars = [ { name: 'Apricot', balance: 12345, color: '#e2b86a' as JarColor }, { name: 'Blueberry', balance: 67890, color: '#3b5ba9' as JarColor }, @@ -32,7 +32,7 @@ export const Default: Story = { theme: 'light', toggleTheme: () => alert('Theme toggled!'), formatAmount: mockFormatAmount, - getLogo: mockGetLogo, + currencySymbol: mockCurrencySymbol, jars: mockJars, }, }