More

web/apps/photos/src/components/MemberSubscriptionManage.tsx

@@ -1,3 +1,4 @@
+import { useIsMobileWidth } from "@/base/hooks";
 import {
     FlexWrapper,
     VerticallyCentered,
@@ -12,7 +13,8 @@ import { preloadImage } from "utils/common";
 import { getFamilyPlanAdmin } from "utils/user/family";
 
 export function MemberSubscriptionManage({ open, userDetails, onClose }) {
-    const { setDialogMessage, isMobile } = useContext(AppContext);
+    const { setDialogMessage } = useContext(AppContext);
+    const fullScreen = useIsMobileWidth();
 
     useEffect(() => {
         preloadImage("/images/family-plan");
@@ -48,13 +50,7 @@ export function MemberSubscriptionManage({ open, userDetails, onClose }) {
     }
 
     return (
-        <Dialog
-            open={open}
-            onClose={onClose}
-            maxWidth="xs"
-            fullWidth
-            fullScreen={isMobile}
-        >
+        <Dialog {...{ open, onClose, fullScreen }} maxWidth="xs" fullWidth>
             <DialogTitleWithCloseButton onClose={onClose}>
                 <Typography variant="h3" fontWeight={"bold"}>
                     {t("SUBSCRIPTION")}