From b47c027cbdf1225fa89eaef241fb48a96d16b9ea Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Tue, 24 Sep 2024 14:08:50 +0530
Subject: [PATCH] rename

---
 .../photos/src/components/Collections/CollectionHeader.tsx  | 6 +++---
 web/apps/photos/src/pages/shared-albums.tsx                 | 6 +++---
 web/packages/new/photos/components/mui-custom.tsx           | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/apps/photos/src/components/Collections/CollectionHeader.tsx b/web/apps/photos/src/components/Collections/CollectionHeader.tsx
index b9f3c459c4..8654701a61 100644
--- a/web/apps/photos/src/components/Collections/CollectionHeader.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionHeader.tsx
@@ -6,7 +6,7 @@ import {
     GalleryItemsHeaderAdapter,
     GalleryItemsSummary,
 } from "@/new/photos/components/Gallery/ListHeader";
-import { SpaceBetweenBox } from "@/new/photos/components/mui-custom";
+import { SpaceBetweenFlex } from "@/new/photos/components/mui-custom";
 import type {
     CollectionSummary,
     CollectionSummaryType,
@@ -101,7 +101,7 @@ export const CollectionHeader: React.FC<CollectionHeaderProps> = ({
 
     return (
         <GalleryItemsHeaderAdapter>
-            <SpaceBetweenBox>
+            <SpaceBetweenFlex>
                 <GalleryItemsSummary
                     name={name}
                     fileCount={fileCount}
@@ -110,7 +110,7 @@ export const CollectionHeader: React.FC<CollectionHeaderProps> = ({
                 {shouldShowOptions(type) && (
                     <CollectionOptions collectionSummaryType={type} {...rest} />
                 )}
-            </SpaceBetweenBox>
+            </SpaceBetweenFlex>
         </GalleryItemsHeaderAdapter>
     );
 };
diff --git a/web/apps/photos/src/pages/shared-albums.tsx b/web/apps/photos/src/pages/shared-albums.tsx
index 1baa2146b6..5d54327925 100644
--- a/web/apps/photos/src/pages/shared-albums.tsx
+++ b/web/apps/photos/src/pages/shared-albums.tsx
@@ -7,7 +7,7 @@ import {
     GalleryItemsHeaderAdapter,
     GalleryItemsSummary,
 } from "@/new/photos/components/Gallery/ListHeader";
-import { SpaceBetweenBox } from "@/new/photos/components/mui-custom";
+import { SpaceBetweenFlex } from "@/new/photos/components/mui-custom";
 import downloadManager from "@/new/photos/services/download";
 import { EnteFile } from "@/new/photos/types/file";
 import { mergeMetadata } from "@/new/photos/utils/file";
@@ -307,7 +307,7 @@ export default function PublicCollectionGallery() {
             setPhotoListHeader({
                 item: (
                     <GalleryItemsHeaderAdapter>
-                        <SpaceBetweenBox>
+                        <SpaceBetweenFlex>
                             <GalleryItemsSummary
                                 name={publicCollection.name}
                                 fileCount={publicFiles.length}
@@ -325,7 +325,7 @@ export default function PublicCollectionGallery() {
                                     </OverflowMenuOption>
                                 </OverflowMenu>
                             )}
-                        </SpaceBetweenBox>
+                        </SpaceBetweenFlex>
                     </GalleryItemsHeaderAdapter>
                 ),
                 itemType: ITEM_TYPE.HEADER,
diff --git a/web/packages/new/photos/components/mui-custom.tsx b/web/packages/new/photos/components/mui-custom.tsx
index ce378f198a..ceed61ea91 100644
--- a/web/packages/new/photos/components/mui-custom.tsx
+++ b/web/packages/new/photos/components/mui-custom.tsx
@@ -40,7 +40,7 @@ export const UnstyledButton = styled("button")`
  * and its uses moved to this one when possible (so that we can then see where
  * the width: 100% is essential).
  */
-export const SpaceBetweenBox = styled(Box)`
+export const SpaceBetweenFlex = styled(Box)`
     display: flex;
     justify-content: space-between;
     align-items: center;