0ct0pu5/ente
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Show select-all-for-day checkmark only when there is a selection

Browse source
This commit is contained in:
Manav Rathi 2024-03-14 14:11:29 +05:30
parent 6f94cfb2ce
commit f1e68e9eef
No known key found for this signature in database
1 changed files with 29 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
web/apps/photos/src/components/PhotoList/index.tsx
View file

@ -780,23 +780,28 @@ export function PhotoList({
listItem: TimeStampListItem,
isScrolling: boolean,
) => {
// Enhancement: This logic doesn't work on the shared album screen, the
// galleryContext.selectedFile is always null there.
const haveSelection = (galleryContext.selectedFile?.count ?? 0) > 0;
switch (listItem.itemType) {
case ITEM_TYPE.TIME:
return listItem.dates ? (
listItem.dates
.map((item) => [
<DateContainer key={item.date} span={item.span}>
<Checkbox
key={item.date}
name={item.date}
checked={!!checkedDates[item.date]}
onChange={() =>
onChangeSelectAllCheckBox(item.date)
}
size="small"
sx={{ pl: 0 }}
disableRipple={true}
/>
{haveSelection && (
<Checkbox
key={item.date}
name={item.date}
checked={!!checkedDates[item.date]}
onChange={() =>
onChangeSelectAllCheckBox(item.date)
}
size="small"
sx={{ pl: 0 }}
disableRipple={true}
/>
)}
{item.date}
</DateContainer>,
<div key={`${item.date}-gap`} />,
@ -804,17 +809,19 @@ export function PhotoList({
.flat()
) : (
<DateContainer span={columns}>
<Checkbox
key={listItem.date}
name={listItem.date}
checked={!!checkedDates[listItem.date]}
onChange={() =>
onChangeSelectAllCheckBox(listItem.date)
}
size="small"
sx={{ pl: 0 }}
disableRipple={true}
/>
{haveSelection && (
<Checkbox
key={listItem.date}
name={listItem.date}
checked={!!checkedDates[listItem.date]}
onChange={() =>
onChangeSelectAllCheckBox(listItem.date)
}
size="small"
sx={{ pl: 0 }}
disableRipple={true}
/>
)}
{listItem.date}
</DateContainer>
);