Move

web/apps/photos/src/pages/_app.tsx

@@ -53,7 +53,7 @@ import { photosLogout } from "services/logout";
 
 // import "photoswipe/dist/photoswipe.css";
 // TODO(PS): Note, auto hide only works with the new CSS.
-import "../../../../packages/new/photos/components/ps5/dist/photoswipe.css";
+import "../../../../packages/gallery/components/viewer/ps5/dist/photoswipe.css";
 
 import "styles/global.css";
 

web/packages/gallery/components/viewer/FileViewer.tsx

@@ -18,7 +18,7 @@ import { FileInfo } from "@/gallery/components/FileInfo";
 import type { EnteFile } from "@/media/file.js";
 import { Button, styled } from "@mui/material";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { FileViewerPhotoSwipe } from "./FileViewerPhotoSwipe";
+import { FileViewerPhotoSwipe } from "./photoswipe";
 
 export interface FileViewerProps {
     /**

web/packages/gallery/components/viewer/photoswipe.ts

@@ -9,7 +9,7 @@ import {
 } from "@/gallery/services/download";
 import type { EnteFile } from "@/media/file";
 import { FileType } from "@/media/file-type";
-import type { FileViewerProps } from "./FileViewer5";
+import type { FileViewerProps } from "./FileViewer";
 
 // import { renderToString } from "react-dom/server";
 

web/packages/new/photos/components/FileViewerComponents.tsx

@@ -13,7 +13,9 @@ import { aboveFileViewerContentZ } from "./utils/z-index";
 import dynamic from "next/dynamic";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-const FV5 = dynamic(() => import("./FileViewer5"), { ssr: false });
+const FV5 = dynamic(() => import("@/gallery/components/viewer/FileViewer"), {
+    ssr: false,
+});
 const FVD = () => <></>;
 
 export const FileViewer: React.FC = (props) => {