This commit is contained in:
Manav Rathi
2024-09-24 14:08:50 +05:30
parent 4e6dd14c71
commit b47c027cbd
3 changed files with 7 additions and 7 deletions

View File

@@ -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>
);
};

View File

@@ -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,

View File

@@ -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;