index.tsx raw

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