index.tsx raw

   1  import Settings from '@/components/Settings'
   2  import PrimaryPageLayout from '@/layouts/PrimaryPageLayout'
   3  import { TPageRef } from '@/types'
   4  import { SettingsIcon } from 'lucide-react'
   5  import { forwardRef } from 'react'
   6  import { useTranslation } from 'react-i18next'
   7  
   8  const SettingsPage = forwardRef<TPageRef>((_, ref) => (
   9    <PrimaryPageLayout
  10      pageName="settings"
  11      ref={ref}
  12      titlebar={<SettingsPageTitlebar />}
  13      displayScrollToTopButton
  14    >
  15      <Settings />
  16    </PrimaryPageLayout>
  17  ))
  18  SettingsPage.displayName = 'SettingsPage'
  19  export default SettingsPage
  20  
  21  function SettingsPageTitlebar() {
  22    const { t } = useTranslation()
  23  
  24    return (
  25      <div className="flex gap-2 items-center h-full pl-3">
  26        <SettingsIcon />
  27        <div className="text-lg font-semibold">{t('Settings')}</div>
  28      </div>
  29    )
  30  }
  31