TerribleDev/ente
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

person

Browse Source
This commit is contained in:
Manav Rathi
2024-09-23 19:33:51 +05:30
parent 8b3315e85f
commit 39b09abc50
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/apps/photos/src/components/Collections/CollectionListBar.tsx
View File

@@ -97,7 +97,7 @@ export const CollectionListBar: React.FC<CollectionListBarProps> = ({
setCollectionListSortBy,
people,
activePerson,
// onSelectPerson,
onSelectPerson,
}) => {
const isMobile = useIsMobileWidth();
@@ -162,13 +162,21 @@ export const CollectionListBar: React.FC<CollectionListBarProps> = ({
useEffect(() => {
if (!listRef.current) return;
// scroll the active collection into view
const activeCollectionIndex = collectionSummaries.findIndex(
(item) => item.id === activeCollectionID,
);
listRef.current.scrollToItem(activeCollectionIndex, "smart");
}, [activeCollectionID]);
// Scroll the active item into view.
let i = -1;
switch (mode) {
case "albums":
case "hidden-albums":
i = collectionSummaries.findIndex(
({ id }) => id == activeCollectionID,
);
break;
case "people":
i = people.findIndex(({ id }) => id == activePerson?.id);
break;
}
if (i != -1) listRef.current.scrollToItem(i, "smart");
}, [mode, collectionSummaries, activeCollectionID, people, activePerson]);
const itemData = useMemo<ItemData>(
() =>
@@ -180,7 +188,7 @@ export const CollectionListBar: React.FC<CollectionListBarProps> = ({
onCollectionClick: (id?: number) =>
setActiveCollectionID(id ?? ALL_SECTION),
}
: { type: "people", people, activePerson },
: { type: "people", people, activePerson, onSelectPerson },
[
mode,
collectionSummaries,
@@ -188,6 +196,7 @@ export const CollectionListBar: React.FC<CollectionListBarProps> = ({
setActiveCollectionID,
people,
activePerson,
onSelectPerson,
],
);