book viewer full screen

src/pages/catalogue/components/CatalogueItem.tsx

@@ -9,6 +9,7 @@ import TrashWithConfrim from '@/components/TrashWithConfrim'
 import { useDleteCatalog } from '@/pages/home/hooks/useHomeData'
 import { toast } from '@/components/Toast'
 import { extractErrorMessage } from '@/helpers/utils'
+import { requestViewerFullscreen } from '@/pages/viewer/utils/viewerFullscreen'
 
 type Props = {
     item: CatalogItemType,
@@ -69,7 +70,7 @@ const CatalogueItem: FC<Props> = ({ item, refetch }) => {
                 </div>
             </div>
             <div className='flex justify-end gap-1 items-center mt-1'>
-                <Link to={Paths.viewer + `/${item.id}`}>
+                <Link to={Paths.viewer + `/${item.id}`} onClick={requestViewerFullscreen}>
                     <div className='size-6 bg-[#EAECF4] rounded-md flex justify-center items-center'>
                         <Eye size={18} color='#0047FF' />
                     </div>