diff options
| author | crupest <crupest@outlook.com> | 2021-05-16 20:41:41 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-05-16 20:41:41 +0800 |
| commit | 23eeaa05ea9e816ab55c87f47a575b219c4ceaf0 (patch) | |
| tree | 0ddb68fb74da9c9840321083a9cef64e9615ece8 | |
| parent | 234ceb1bdb94cee0eb2459964f543bf9a149e315 (diff) | |
| download | timeline-23eeaa05ea9e816ab55c87f47a575b219c4ceaf0.tar.gz timeline-23eeaa05ea9e816ab55c87f47a575b219c4ceaf0.tar.bz2 timeline-23eeaa05ea9e816ab55c87f47a575b219c4ceaf0.zip | |
feat: Now card is default collapsed.
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx b/FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx index 81a3c179..6e9eba25 100644 --- a/FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx +++ b/FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx @@ -109,10 +109,12 @@ const TimelinePageTemplate: React.FC<TimelinePageTemplateProps> = (props) => { const cardCollapseLocalStorageKey = `timeline.${timelineName}.cardCollapse`; const [cardCollapse, setCardCollapse] = React.useState<boolean>(true); + React.useEffect(() => { - const savedCollapse = - window.localStorage.getItem(cardCollapseLocalStorageKey) === "true"; - setCardCollapse(savedCollapse); + const savedCollapse = window.localStorage.getItem( + cardCollapseLocalStorageKey + ); + setCardCollapse(savedCollapse == null ? true : savedCollapse === "true"); }, [cardCollapseLocalStorageKey]); const toggleCardCollapse = (): void => { |