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,
},
}