From 7ef125e3af33b0045c77fdf9a2db767c70b16de5 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Sun, 19 Nov 2023 11:01:04 +0800
Subject: [PATCH] chore: update fetch tags

---
 .../MemoEditor/ActionButton/TagSelector.tsx           | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/web/src/components/MemoEditor/ActionButton/TagSelector.tsx b/web/src/components/MemoEditor/ActionButton/TagSelector.tsx
index 72e5a60b..f9cbbd97 100644
--- a/web/src/components/MemoEditor/ActionButton/TagSelector.tsx
+++ b/web/src/components/MemoEditor/ActionButton/TagSelector.tsx
@@ -1,4 +1,5 @@
 import { IconButton } from "@mui/joy";
+import { useEffect } from "react";
 import Icon from "@/components/Icon";
 import OverflowTip from "@/components/kit/OverflowTip";
 import { useTagStore } from "@/store/module";
@@ -12,6 +13,16 @@ const TagSelector = (props: Props) => {
   const tagStore = useTagStore();
   const tags = tagStore.state.tags;
 
+  useEffect(() => {
+    (async () => {
+      try {
+        await tagStore.fetchTags();
+      } catch (error) {
+        // do nothing.
+      }
+    })();
+  }, []);
+
   return (
     <IconButton className="relative group flex flex-row justify-center items-center p-1 w-auto h-auto mr-1 select-none rounded cursor-pointer text-gray-600 dark:text-gray-400 hover:bg-gray-300 dark:hover:bg-zinc-800 hover:shadow">
       <Icon.Hash className="w-5 h-5 mx-auto" />