diff --git a/frontend/libs/api/src/index.ts b/frontend/libs/api/src/index.ts index 943d3ff160..1001dafea2 100644 --- a/frontend/libs/api/src/index.ts +++ b/frontend/libs/api/src/index.ts @@ -16,4 +16,4 @@ export * from "./lib/UsersApi.js"; export * from "./lib/VideoApi.js"; export * from "./lib/WeightsApi.js"; export * from "./lib/GetCdnOrigin.js"; -export * from "./lib/LibraryModalApi.js"; +export * from "./lib/GalleryModalApi.js"; diff --git a/frontend/libs/api/src/lib/LibraryModalApi.ts b/frontend/libs/api/src/lib/GalleryModalApi.ts similarity index 85% rename from frontend/libs/api/src/lib/LibraryModalApi.ts rename to frontend/libs/api/src/lib/GalleryModalApi.ts index 317df7b0b0..f92028c729 100644 --- a/frontend/libs/api/src/lib/LibraryModalApi.ts +++ b/frontend/libs/api/src/lib/GalleryModalApi.ts @@ -1,9 +1,9 @@ -import { MediaFilesApi } from "lib/MediaFilesApi.js"; +import { MediaFilesApi } from "./MediaFilesApi.js"; import { FilterMediaClasses, FilterMediaType, FilterEngineCategories, -} from "lib/enums/QueryFilters.js"; +} from "./enums/QueryFilters.js"; interface ListUserMediaQuery { username: string; @@ -14,7 +14,7 @@ interface ListUserMediaQuery { include_user_uploads?: boolean; } -export class LibraryModalApi extends MediaFilesApi { +export class GalleryModalApi extends MediaFilesApi { constructor() { super(); } diff --git a/frontend/libs/components/gallery-modal/src/lib/gallery-modal.tsx b/frontend/libs/components/gallery-modal/src/lib/gallery-modal.tsx index cb4eab1e9f..096110b6ba 100644 --- a/frontend/libs/components/gallery-modal/src/lib/gallery-modal.tsx +++ b/frontend/libs/components/gallery-modal/src/lib/gallery-modal.tsx @@ -10,7 +10,7 @@ import React, { useState, useEffect, useCallback, useMemo } from "react"; import { GetCdnOrigin, FilterMediaClasses, - LibraryModalApi, + GalleryModalApi, UsersApi, } from "@storyteller/api"; import { twMerge } from "tailwind-merge"; @@ -29,7 +29,7 @@ interface GroupedItems { type ModalMode = "select" | "view"; -interface LibraryModalProps { +interface GalleryModalProps { isOpen: boolean; onClose: () => void; mode: ModalMode; @@ -54,7 +54,7 @@ export const GalleryModal = React.memo( tabs, activeTab, onTabChange, - }: LibraryModalProps) => { + }: GalleryModalProps) => { const [groupedItems, setGroupedItems] = useState({}); const [loading, setLoading] = useState(false); const [lightboxImage, setLightboxImage] = useState( @@ -65,7 +65,7 @@ export const GalleryModal = React.memo( const [username, setUsername] = useState(""); const cdnOrigin = GetCdnOrigin(); const imageUrl = lightboxImage?.fullImage || ""; - const api = useMemo(() => new LibraryModalApi(), []); + const api = useMemo(() => new GalleryModalApi(), []); const usersApi = useMemo(() => new UsersApi(), []); const formatDate = useCallback((date: string) => { @@ -187,7 +187,7 @@ export const GalleryModal = React.memo( }, []); const handleDeselectAll = useCallback(() => { - selectedItemIds.forEach((id) => onSelectItem?.(id)); + selectedItemIds.forEach((id: any) => onSelectItem?.(id)); }, [selectedItemIds, onSelectItem]); const handleUseSelected = useCallback(() => {