import { ArrowUpRight } from 'lucide-react'; import type { CSSProperties, ReactNode } from 'react'; import { useEffect, useState } from 'react'; import { Trans, useTranslation } from 'react-i18next'; import voiceboxLogo from '@/assets/voicebox-logo.png'; import { SPONSORS } from '@/lib/sponsors'; import { usePlatform } from '@/platform/PlatformContext'; function FadeIn({ delay = 0, children }: { delay?: number; children: ReactNode }) { return (
{children}
); } export function AboutPage() { const { t } = useTranslation(); const platform = usePlatform(); const [version, setVersion] = useState(''); useEffect(() => { platform.metadata .getVersion() .then(setVersion) .catch(() => setVersion('')); }, [platform]); return ( <>
Voicebox

Voicebox

{version ? `v${version}` : '\u00A0'}

{t('settings.about.tagline')}

{t('settings.about.createdBy')} Jamie Pine
{t('settings.about.buyCoffee')} GitHub
{SPONSORS.length > 0 && (

Sponsored by

{SPONSORS.map((sponsor) => ( {sponsor.logoAlt ))}
)}

), }} />

); }