diff --git a/web/apps/photos/src/components/Collections/CollectionCard.tsx b/web/apps/photos/src/components/Collections/CollectionCard.tsx index 2a60d9ce72..44f6fac84a 100644 --- a/web/apps/photos/src/components/Collections/CollectionCard.tsx +++ b/web/apps/photos/src/components/Collections/CollectionCard.tsx @@ -1,9 +1,9 @@ -import downloadManager from "@/new/photos/services/download"; -import { EnteFile } from "@/new/photos/types/file"; import { LoadingThumbnail, StaticThumbnail, } from "@/new/photos/components/PlaceholderThumbnails"; +import downloadManager from "@/new/photos/services/download"; +import { EnteFile } from "@/new/photos/types/file"; import { useEffect, useState } from "react"; /** See also: {@link ItemCard}. */ diff --git a/web/apps/photos/src/components/pages/gallery/PreviewCard.tsx b/web/apps/photos/src/components/pages/gallery/PreviewCard.tsx index 61ec39e21d..718fb628d1 100644 --- a/web/apps/photos/src/components/pages/gallery/PreviewCard.tsx +++ b/web/apps/photos/src/components/pages/gallery/PreviewCard.tsx @@ -1,5 +1,9 @@ import log from "@/base/log"; import { FileType } from "@/media/file-type"; +import { + LoadingThumbnail, + StaticThumbnail, +} from "@/new/photos/components/PlaceholderThumbnails"; import DownloadManager from "@/new/photos/services/download"; import { EnteFile } from "@/new/photos/types/file"; import { Overlay } from "@ente/shared/components/Container"; @@ -12,10 +16,6 @@ import { GAP_BTW_TILES, IMAGE_CONTAINER_MAX_WIDTH, } from "components/PhotoList/constants"; -import { - LoadingThumbnail, - StaticThumbnail, -} from "@/new/photos/components/PlaceholderThumbnails"; import i18n from "i18next"; import { DeduplicateContext } from "pages/deduplicate"; import { GalleryContext } from "pages/gallery"; diff --git a/web/packages/new/photos/components/PlaceholderThumbnails.tsx b/web/packages/new/photos/components/PlaceholderThumbnails.tsx index 3ea247a15d..0fcab06569 100644 --- a/web/packages/new/photos/components/PlaceholderThumbnails.tsx +++ b/web/packages/new/photos/components/PlaceholderThumbnails.tsx @@ -3,6 +3,7 @@ import { Overlay } from "@ente/shared/components/Container"; import PhotoOutlined from "@mui/icons-material/PhotoOutlined"; import PlayCircleOutlineOutlined from "@mui/icons-material/PlayCircleOutlineOutlined"; import { styled } from "@mui/material"; +import React from "react"; interface Iprops { fileType: FileType; @@ -14,7 +15,7 @@ const CenteredOverlay = styled(Overlay)` align-items: center; `; -export const StaticThumbnail = (props: Iprops) => { +export const StaticThumbnail: React.FC = (props) => { return ( ({ diff --git a/web/packages/shared/components/CodeBlock/index.tsx b/web/packages/shared/components/CodeBlock/index.tsx index b32b8fca66..e556638702 100644 --- a/web/packages/shared/components/CodeBlock/index.tsx +++ b/web/packages/shared/components/CodeBlock/index.tsx @@ -8,10 +8,7 @@ type Iprops = React.PropsWithChildren<{ code: string | null; }>; -export default function CodeBlock({ - code, - ...props -}: BoxProps<"div", Iprops>) { +export default function CodeBlock({ code, ...props }: BoxProps<"div", Iprops>) { if (!code) { return (