Tweak

web/apps/photos/src/components/pages/gallery/PlanSelector.tsx

@@ -62,14 +62,14 @@ import { Trans } from "react-i18next";
 import { SetLoading } from "types/gallery";
 
 type PlanSelectorProps = ModalVisibilityProps & {
-    setLoading: SetLoading;
+    setLoading: (loading: boolean) => void;
 };
 
-const PlanSelector: React.FC<PlanSelectorProps> = ({
+export const PlanSelector: React.FC<PlanSelectorProps> = ({
     open,
     onClose,
     setLoading,
-}: PlanSelectorProps) => {
+}) => {
     const fullScreen = useMediaQuery(useTheme().breakpoints.down("sm"));
 
     if (!open) {
@@ -92,12 +92,7 @@ const PlanSelector: React.FC<PlanSelectorProps> = ({
     );
 };
 
-export default PlanSelector;
-
-interface PlanSelectorCardProps {
-    onClose: () => void;
-    setLoading: SetLoading;
-}
+type PlanSelectorCardProps = Pick<PlanSelectorProps, "onClose" | "setLoading">;
 
 const PlanSelectorCard: React.FC<PlanSelectorCardProps> = ({
     onClose,

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

@@ -104,7 +104,7 @@ import Sidebar from "components/Sidebar";
 import { type UploadTypeSelectorIntent } from "components/Upload/UploadTypeSelector";
 import Uploader from "components/Upload/Uploader";
 import { UploadSelectorInputs } from "components/UploadSelectorInputs";
-import PlanSelector from "components/pages/gallery/PlanSelector";
+import { PlanSelector } from "components/pages/gallery/PlanSelector";
 import SelectedFileOptions from "components/pages/gallery/SelectedFileOptions";
 import { t } from "i18next";
 import { useRouter, type NextRouter } from "next/router";
@@ -910,7 +910,7 @@ export default function Gallery() {
                 )}
                 <PlanSelector
                     {...planSelectorVisibilityProps}
-                    setLoading={setBlockingLoad}
+                    setLoading={(v) => setBlockingLoad(v)}
                 />
                 <CollectionNamer
                     show={collectionNamerView}