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

Merge branch 'master' into archive

Browse source
This commit is contained in:
abhinav-grd 2021-09-22 12:23:42 +05:30
parent d039dd87ef 7edda03145
commit f1848eca54
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/pages/gallery/Collections.tsx
View file

@ -16,6 +16,8 @@ import CollectionOptions from './CollectionOptions';
import OptionIcon, { OptionIconWrapper } from './OptionIcon'; import OptionIcon, { OptionIconWrapper } from './OptionIcon';
export const ARCHIVE_COLLECTION = -1; export const ARCHIVE_COLLECTION = -1;
export const ALL_SECTION = 0;
interface CollectionProps { interface CollectionProps {
collections: Collection[]; collections: Collection[];
selected?: number; selected?: number;
@ -101,9 +103,9 @@ export default function Collections(props: CollectionProps) {
collectionRef.current.scrollLeft = 0; collectionRef.current.scrollLeft = 0;
}, [collections]); }, [collections]);
const clickHandler = (collection?: Collection) => () => { const clickHandler = (collectionID?: number) => () => {
setSelectedCollectionID(collection?.id); setSelectedCollectionID(collectionID);
setActiveCollection(collection?.id); setActiveCollection(collectionID ?? ALL_SECTION);
}; };
const user: User = getData(LS_KEYS.USER); const user: User = getData(LS_KEYS.USER);
@ -120,7 +122,7 @@ export default function Collections(props: CollectionProps) {
setDialogMessage: props.setDialogMessage, setDialogMessage: props.setDialogMessage,
startLoadingBar: props.startLoadingBar, startLoadingBar: props.startLoadingBar,
showCollectionShareModal: setCollectionShareModalView.bind(null, true), showCollectionShareModal: setCollectionShareModalView.bind(null, true),
redirectToAll: setActiveCollection.bind(null, 0), redirectToAll: setActiveCollection.bind(null, ALL_SECTION),
}); });
const scrollCollection = (direction: SCROLL_DIRECTION) => () => { const scrollCollection = (direction: SCROLL_DIRECTION) => () => {
@ -172,7 +174,9 @@ export default function Collections(props: CollectionProps) {
/> />
)} )}
<Wrapper ref={collectionRef} onScroll={updateScrollObj}> <Wrapper ref={collectionRef} onScroll={updateScrollObj}>
<Chip active={!selected} onClick={clickHandler()}> <Chip
active={!selected}
onClick={clickHandler(ALL_SECTION)}>
All All
<div <div
style={{ style={{
@ -189,7 +193,7 @@ export default function Collections(props: CollectionProps) {
overlay={renderTooltip(item.id)}> overlay={renderTooltip(item.id)}>
<Chip <Chip
active={selected === item.id} active={selected === item.id}
onClick={clickHandler(item)}> onClick={clickHandler(item.id)}>
{item.name} {item.name}
{item.type !== CollectionType.favorites && {item.type !== CollectionType.favorites &&
item.owner.id === user?.id ? ( item.owner.id === user?.id ? (