From ffe290d56dc257ae2c2e5356354c40807f820afe Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Tue, 10 Sep 2024 12:34:12 +0530
Subject: [PATCH] Sym

---
 web/apps/photos/src/pages/gallery.tsx | 46 +++++++++++++--------------
 1 file changed, 22 insertions(+), 24 deletions(-)

diff --git a/web/apps/photos/src/pages/gallery.tsx b/web/apps/photos/src/pages/gallery.tsx
index 37ad4a78f4..40cbe786c5 100644
--- a/web/apps/photos/src/pages/gallery.tsx
+++ b/web/apps/photos/src/pages/gallery.tsx
@@ -1085,9 +1085,9 @@ export default function Gallery() {
                     ) : (
                         <NormalNavbarContents
                             openSidebar={openSidebar}
-                            setIsInSearchMode={setIsInSearchMode}
                             openUploader={openUploader}
                             isInSearchMode={isInSearchMode}
+                            setIsInSearchMode={setIsInSearchMode}
                             collections={collections}
                             files={files}
                             updateSearch={updateSearch}
@@ -1277,33 +1277,31 @@ const NormalNavbarContents: React.FC<NormalNavbarContentsProps> = ({
     openSidebar,
     openUploader,
     isInSearchMode,
+    setIsInSearchMode,
     collections,
     files,
     updateSearch,
-    setIsInSearchMode,
-}) => {
-    return (
-        <>
-            {!isInSearchMode && (
-                <IconButton onClick={openSidebar}>
-                    <MenuIcon />
-                </IconButton>
-            )}
-            <SearchBar
-                isInSearchMode={isInSearchMode}
-                setIsInSearchMode={setIsInSearchMode}
-                collections={collections}
-                files={files}
-                updateSearch={updateSearch}
-            />
-            {!isInSearchMode && <UploadButton onClick={openUploader} />}
-        </>
-    );
-};
+}) => (
+    <>
+        {!isInSearchMode && <SidebarButton onClick={openSidebar} />}
+        <SearchBar
+            isInSearchMode={isInSearchMode}
+            setIsInSearchMode={setIsInSearchMode}
+            collections={collections}
+            files={files}
+            updateSearch={updateSearch}
+        />
+        {!isInSearchMode && <UploadButton onClick={openUploader} />}
+    </>
+);
 
-export const UploadButton: React.FC<ButtonProps & IconButtonProps> = (
-    props,
-) => {
+const SidebarButton: React.FC<IconButtonProps> = (props) => (
+    <IconButton {...props}>
+        <MenuIcon />
+    </IconButton>
+);
+
+const UploadButton: React.FC<ButtonProps & IconButtonProps> = (props) => {
     const disabled = !uploadManager.shouldAllowNewUpload();
     const isMobileWidth = useIsMobileWidth();