forsøk cache visning

Author: bdahle

xp-archive/client/content/Content.tsx

@@ -70,13 +70,14 @@ export const Content = () => {
         };
     });
 
-    // Add this new state to cache display values
+    // Add view type to cached display data
     const [cachedDisplayData, setCachedDisplayData] = useState({
         displayName: '',
         path: '',
+        view: undefined as ViewVariant | undefined,
     });
 
-    // Update this useEffect to also cache display data when data loads
+    // Update this useEffect to also cache display data and view when data loads
     useEffect(() => {
         if (prevContentIdRef.current && prevContentIdRef.current !== selectedContentId) {
             clearCachedVersionSelector(prevContentIdRef.current);
@@ -91,20 +92,40 @@ export const Content = () => {
 
             // Cache display data when it's available
             if (data.json?.displayName || data.json?._path) {
-                setCachedDisplayData({
-                    displayName: data.json.displayName || '',
-                    path: data.json._path || '',
-                });
+                setCachedDisplayData((prev) => ({
+                    displayName: data.json?.displayName || '',
+                    path: data.json?._path || '',
+                    view: prev.view, // Keep existing view
+                }));
             }
         }
 
         prevContentIdRef.current = selectedContentId;
     }, [selectedContentId, data?.versions, data?.json]);
 
+    // Update view selector effect to store the selected view in cache
     useEffect(() => {
-        setSelectedView(getDefaultView(isWebpage, hasAttachment));
+        const newView = getDefaultView(isWebpage, hasAttachment);
+        setSelectedView(newView);
+
+        // Cache the view
+        setCachedDisplayData((prev) => ({
+            ...prev,
+            view: newView,
+        }));
     }, [isWebpage, hasAttachment, selectedContentId]);
 
+    // Add handler to update cached view
+    const handleViewChange = (view: ViewVariant) => {
+        setSelectedView(view);
+
+        // Update cached view
+        setCachedDisplayData((prev) => ({
+            ...prev,
+            view,
+        }));
+    };
+
     const htmlPath = `${xpArchiveConfig.basePath}/html/${selectedContentId}/${selectedLocale}/${
         data?.json._versionKey
     }`;
@@ -197,7 +218,7 @@ export const Content = () => {
                         <div className={style.viewSelectorWrapper}>
                             <ViewSelector
                                 selectedView={selectedView}
-                                setSelectedView={setSelectedView}
+                                setSelectedView={handleViewChange}
                                 hasAttachment={hasAttachment}
                                 isWebpage={isWebpage}
                             />