From 41e26f56e9097f7498af0fe8cd7091fce1f0f362 Mon Sep 17 00:00:00 2001 From: Athurg Gooth Date: Thu, 14 Sep 2023 19:57:44 +0800 Subject: [PATCH] chore: persist selected date of DailyReview page (#2219) * Persist selected date of DailyReview page * Use hook useLocalStorage instead of useState * Update web/src/pages/DailyReview.tsx Co-authored-by: boojack Signed-off-by: Athurg Gooth --------- Signed-off-by: Athurg Gooth Co-authored-by: boojack --- web/src/pages/DailyReview.tsx | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/web/src/pages/DailyReview.tsx b/web/src/pages/DailyReview.tsx index 13fbc195..8bd25451 100644 --- a/web/src/pages/DailyReview.tsx +++ b/web/src/pages/DailyReview.tsx @@ -1,7 +1,8 @@ import classNames from "classnames"; import { last } from "lodash-es"; -import { useEffect, useRef, useState } from "react"; +import { useEffect, useRef } from "react"; import toast from "react-hot-toast"; +import useLocalStorage from "react-use/lib/useLocalStorage"; import useToggle from "react-use/lib/useToggle"; import DailyMemo from "@/components/DailyMemo"; import Empty from "@/components/Empty"; @@ -23,7 +24,11 @@ const DailyReview = () => { const userStore = useUserStore(); const user = useCurrentUser(); const { localSetting } = userStore.state.user as User; - const [currentDateStamp, setCurrentDateStamp] = useState(getDateStampByDate(getNormalizedDateString())); + const [currentDateStampRaw, setCurrentDateStamp] = useLocalStorage( + "daily-review-datestamp", + getDateStampByDate(getNormalizedDateString()) + ); + const currentDateStamp = currentDateStampRaw as number; const [showDatePicker, toggleShowDatePicker] = useToggle(false); const memosElRef = useRef(null); const currentDate = new Date(currentDateStamp);