title page + fav

2026-06-01 10:29:00 +03:30
parent 9d8dd549dc
commit da0069f2bc
10 changed files with 270 additions and 268 deletions
@@ -1,81 +1,89 @@
-import { type FC, useEffect, useState } from 'react';
-import BookViewer from './components/BookViewer';
-import ViewerLoading from './components/ViewerLoading';
-import { transformViewerDataToPages } from './utils/dataTransformer';
-import type { PageData } from './types';
-import type { DocumentSettings } from '@/pages/editor/store/editorStore';
-import { useParams } from 'react-router-dom';
-import { useGetCatalogById } from '@/pages/home/hooks/useHomeData';
-import { useBrowserFullscreen } from './hooks/useBrowserFullscreen';
-import { useInitialPagesPreload } from './hooks/useInitialPagesPreload';
+import { usePageTitle } from "@/hooks/usePageTitle";
+import type { DocumentSettings } from "@/pages/editor/store/editorStore";
+import { useGetCatalogById } from "@/pages/home/hooks/useHomeData";
+import { type FC, useEffect, useState } from "react";
+import { useParams } from "react-router-dom";
+import BookViewer from "./components/BookViewer";
+import ViewerLoading from "./components/ViewerLoading";
+import { useBrowserFullscreen } from "./hooks/useBrowserFullscreen";
+import { useInitialPagesPreload } from "./hooks/useInitialPagesPreload";
+import type { PageData } from "./types";
+import { transformViewerDataToPages } from "./utils/dataTransformer";

 const Viewer: FC = () => {
-    const { id } = useParams<{ id: string }>();
-    const { data, isLoading, error: queryError } = useGetCatalogById(id ?? '');
-    const [pages, setPages] = useState<PageData[]>([]);
-    const [documentSettings, setDocumentSettings] = useState<Partial<DocumentSettings> | undefined>(undefined);
+  const { id } = useParams<{ id: string }>();
+  const { data, isLoading, error: queryError } = useGetCatalogById(id ?? "");
+  usePageTitle(`کاتالوگ ${data?.data?.name}`);
+  const [pages, setPages] = useState<PageData[]>([]);
+  const [documentSettings, setDocumentSettings] = useState<
+    Partial<DocumentSettings> | undefined
+  >(undefined);

-    useEffect(() => {
-        if (!data?.data?.content || !id) return;
-        try {
-            const parsed = JSON.parse(data.data.content);
-            const pagesArray = Array.isArray(parsed) ? parsed : (parsed.pages ?? []);
-            const settings: Partial<DocumentSettings> | undefined = Array.isArray(parsed)
-                ? undefined
-                : parsed.documentSettings;
-            const transformedPages = transformViewerDataToPages(
-                { pages: pagesArray } as Parameters<typeof transformViewerDataToPages>[0]
-            );
-            setPages(transformedPages);
-            setDocumentSettings(settings);
-        } catch (err) {
-            console.error('خطا در پردازش محتوای کاتالوگ:', err);
-        }
-    }, [data?.data?.content, id]);
-
-    useBrowserFullscreen({ enabled: Boolean(id) });
-    const { isReady: areInitialPagesReady, progress: preloadProgress } = useInitialPagesPreload(
-        pages,
-        documentSettings,
-    );
-
-    if (!id) {
-        return (
-            <div className="w-full h-full flex items-center justify-center">
-                <div className="text-gray-600">شناسه کاتالوگ مشخص نیست</div>
-            </div>
-        );
+  useEffect(() => {
+    if (!data?.data?.content || !id) return;
+    try {
+      const parsed = JSON.parse(data.data.content);
+      const pagesArray = Array.isArray(parsed) ? parsed : (parsed.pages ?? []);
+      const settings: Partial<DocumentSettings> | undefined = Array.isArray(
+        parsed,
+      )
+        ? undefined
+        : parsed.documentSettings;
+      const transformedPages = transformViewerDataToPages({
+        pages: pagesArray,
+      } as Parameters<typeof transformViewerDataToPages>[0]);
+      setPages(transformedPages);
+      setDocumentSettings(settings);
+    } catch (err) {
+      console.error("خطا در پردازش محتوای کاتالوگ:", err);
    }
+  }, [data?.data?.content, id]);

-    if (isLoading) {
-        return <ViewerLoading />;
-    }
-
-    if (queryError) {
-        return (
-            <div className="w-full h-full flex items-center justify-center">
-                <div className="text-red-600">خطا: {queryError.message}</div>
-            </div>
-        );
-    }
-
-    if (pages.length === 0) {
-        return (
-            <div className="w-full h-full flex items-center justify-center">
-                <div className="text-gray-600">هیچ صفحه‌ای یافت نشد</div>
-            </div>
-        );
-    }
-
-    if (!areInitialPagesReady) {
-        return <ViewerLoading progress={preloadProgress} />;
-    }
+  useBrowserFullscreen({ enabled: Boolean(id) });
+  const { isReady: areInitialPagesReady, progress: preloadProgress } =
+    useInitialPagesPreload(pages, documentSettings);

+  if (!id) {
    return (
-        <div className="w-full h-full min-h-0 flex flex-col">
-            <BookViewer pages={pages} catalogSize={data?.data?.size} documentSettings={documentSettings} />
-        </div>
+      <div className="w-full h-full flex items-center justify-center">
+        <div className="text-gray-600">شناسه کاتالوگ مشخص نیست</div>
+      </div>
    );
+  }
+
+  if (isLoading) {
+    return <ViewerLoading />;
+  }
+
+  if (queryError) {
+    return (
+      <div className="w-full h-full flex items-center justify-center">
+        <div className="text-red-600">خطا: {queryError.message}</div>
+      </div>
+    );
+  }
+
+  if (pages.length === 0) {
+    return (
+      <div className="w-full h-full flex items-center justify-center">
+        <div className="text-gray-600">هیچ صفحه‌ای یافت نشد</div>
+      </div>
+    );
+  }
+
+  if (!areInitialPagesReady) {
+    return <ViewerLoading progress={preloadProgress} />;
+  }
+
+  return (
+    <div className="w-full h-full min-h-0 flex flex-col">
+      <BookViewer
+        pages={pages}
+        catalogSize={data?.data?.size}
+        documentSettings={documentSettings}
+      />
+    </div>
+  );
 };

-export default Viewer;
+export default Viewer;