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 | 8437bc6a0b5a91856b486e9824ea0faece93f26e (patch) | |
| tree | bf24165999bb6ac4e716c40a1c1f60644b40abcd | |
| parent | ad5c9a4609b66032d8bc851e7e1f69423c57c30c (diff) | |
| download | timeline-8437bc6a0b5a91856b486e9824ea0faece93f26e.tar.gz timeline-8437bc6a0b5a91856b486e9824ea0faece93f26e.tar.bz2 timeline-8437bc6a0b5a91856b486e9824ea0faece93f26e.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 => { |