index.tsx raw

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