From d0640a094bba1ee2eefc1d3c1635a381bfb53963 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Mon, 3 Jun 2024 11:44:29 +0530
Subject: [PATCH] Tinker

---
 web/apps/accounts/src/pages/_app.tsx            | 2 +-
 web/apps/auth/src/pages/_app.tsx                | 2 +-
 web/apps/photos/src/pages/_app.tsx              | 4 ++--
 web/packages/new/photos/components/WhatsNew.tsx | 8 ++++----
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/apps/accounts/src/pages/_app.tsx b/web/apps/accounts/src/pages/_app.tsx
index fa827cd0a9..4dd42151da 100644
--- a/web/apps/accounts/src/pages/_app.tsx
+++ b/web/apps/accounts/src/pages/_app.tsx
@@ -52,7 +52,7 @@ export default function App({ Component, pageProps }: AppProps) {
 
     const showNavBar = (show: boolean) => setShowNavBar(show);
 
-    const isMobile = useMediaQuery("(max-width:428px)");
+    const isMobile = useMediaQuery("(max-width: 428px)");
 
     const router = useRouter();
 
diff --git a/web/apps/auth/src/pages/_app.tsx b/web/apps/auth/src/pages/_app.tsx
index 0ada75c3fc..2e634f402d 100644
--- a/web/apps/auth/src/pages/_app.tsx
+++ b/web/apps/auth/src/pages/_app.tsx
@@ -67,7 +67,7 @@ export default function App({ Component, pageProps }: AppProps) {
         DialogBoxAttributesV2 | undefined
     >();
     const [dialogBoxV2View, setDialogBoxV2View] = useState(false);
-    const isMobile = useMediaQuery("(max-width:428px)");
+    const isMobile = useMediaQuery("(max-width: 428px)");
     const [themeColor, setThemeColor] = useLocalState(
         LS_KEYS.THEME,
         THEME_COLOR.DARK,
diff --git a/web/apps/photos/src/pages/_app.tsx b/web/apps/photos/src/pages/_app.tsx
index 0373515b4c..dc694e32b1 100644
--- a/web/apps/photos/src/pages/_app.tsx
+++ b/web/apps/photos/src/pages/_app.tsx
@@ -133,7 +133,7 @@ export default function App({ Component, pageProps }: AppProps) {
     const [dialogBoxV2View, setDialogBoxV2View] = useState(false);
     const [watchFolderView, setWatchFolderView] = useState(false);
     const [watchFolderFiles, setWatchFolderFiles] = useState<FileList>(null);
-    const isMobile = useMediaQuery("(max-width:428px)");
+    const isMobile = useMediaQuery("(max-width: 428px)");
     const [notificationView, setNotificationView] = useState(false);
     const closeNotification = () => setNotificationView(false);
     const [notificationAttributes, setNotificationAttributes] =
@@ -388,7 +388,7 @@ export default function App({ Component, pageProps }: AppProps) {
                     attributes={dialogBoxAttributeV2}
                 />
                 {shouldShowWhatsNew && (
-                    <WhatsNew close={() => setShouldShowWhatsNew(false)} />
+                    <WhatsNew onClose={() => setShouldShowWhatsNew(false)} />
                 )}
                 <Notification
                     open={notificationView}
diff --git a/web/packages/new/photos/components/WhatsNew.tsx b/web/packages/new/photos/components/WhatsNew.tsx
index c2d8ef702c..d9f3d4a0f1 100644
--- a/web/packages/new/photos/components/WhatsNew.tsx
+++ b/web/packages/new/photos/components/WhatsNew.tsx
@@ -3,20 +3,20 @@ import React from "react";
 
 interface WhatsNewProps {
     /** Invoked by the component when it wants to get closed. */
-    close: () => void;
+    onClose: () => void;
 }
 
 /**
  * Show a dialog showing a short summary of interesting-for-the-user things in
  * this release of the desktop app.
  */
-export const WhatsNew: React.FC<WhatsNewProps> = ({ close }) => {
-    const fullScreen = useMediaQuery("(max-width:428px)");
+export const WhatsNew: React.FC<WhatsNewProps> = ({ onClose }) => {
+    const fullScreen = useMediaQuery("(max-width: 428px)");
 
     return (
         <Dialog open={true} fullScreen={fullScreen}>
             <Contents>
-                <button onClick={close}>Hello</button>
+                <button onClick={onClose}>Hello</button>
             </Contents>
         </Dialog>
     );