haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-20 19:08:21 +00:00
Code Issues Releases Wiki Activity

make gallery year tag clickable (#7381)

Browse Source 
Co-authored-by: zhouwenxuan <aries@Mac.local>
This commit is contained in:
Aries
2025-01-17 16:09:38 +08:00
committed by GitHub
parent 7d4a9f4575
commit 07cec873e6
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/metadata/views/gallery/content.js
View File

@@ -136,6 +136,8 @@ const Content = ({
'onContextMenu': onContextMenu, 'onContextMenu': onContextMenu,
}; };
const isDateTagClickable = mode === GALLERY_DATE_MODE.MONTH || mode === GALLERY_DATE_MODE.YEAR;
return ( return (
<div <div
key={name} key={name}
@@ -144,12 +146,12 @@ const Content = ({
> >
{mode !== GALLERY_DATE_MODE.ALL && childrenStartIndex === 0 && ( {mode !== GALLERY_DATE_MODE.ALL && childrenStartIndex === 0 && (
<div <div
className={classNames('metadata-gallery-date-tag', { 'hover': mode === GALLERY_DATE_MODE.MONTH })} className={classNames('metadata-gallery-date-tag', { 'hover': isDateTagClickable })}
style={{ height: paddingTop }} style={{ height: paddingTop }}
onClick={(event) => onDateTagClick(event, name)} onClick={(event) => onDateTagClick(event, name)}
> >
{name || gettext('Empty')} {name || gettext('Empty')}
{mode === GALLERY_DATE_MODE.MONTH && <i className="metadata-gallery-date-tag-arrow sf3-font-down sf3-font rotate-270" />} {isDateTagClickable && <i className="metadata-gallery-date-tag-arrow sf3-font-down sf3-font rotate-270" />}
</div> </div>
)} )}
<div <div

4
frontend/src/metadata/views/gallery/main.js
View File

@@ -286,11 +286,13 @@ const Main = ({ isLoadingMore, metadata, onDelete, onLoadMore, duplicateRecord,
const handleDateTagClick = useCallback((event, groupName) => { const handleDateTagClick = useCallback((event, groupName) => {
event.preventDefault(); event.preventDefault();
if (mode === GALLERY_DATE_MODE.MONTH) {
const image = groups.find(group => group.name === groupName)?.children[0]?.children[0]; const image = groups.find(group => group.name === groupName)?.children[0]?.children[0];
if (image) { if (image) {
lastState.current = { ...lastState.current, targetGroupFirstImageId: image.id }; lastState.current = { ...lastState.current, targetGroupFirstImageId: image.id };
} }
if (mode === GALLERY_DATE_MODE.YEAR) {
window.sfMetadataContext.eventBus.dispatch(EVENT_BUS_TYPE.SWITCH_GALLERY_GROUP_BY, GALLERY_DATE_MODE.MONTH);
} else if (mode === GALLERY_DATE_MODE.MONTH) {
window.sfMetadataContext.eventBus.dispatch(EVENT_BUS_TYPE.SWITCH_GALLERY_GROUP_BY, GALLERY_DATE_MODE.DAY); window.sfMetadataContext.eventBus.dispatch(EVENT_BUS_TYPE.SWITCH_GALLERY_GROUP_BY, GALLERY_DATE_MODE.DAY);
} }
}, [mode, groups]); }, [mode, groups]);