improvement: fixed #33 save expanded status

src/components/Subscribes/ItemView.tsx

@@ -42,7 +42,6 @@ export const ItemView: FC<CardProps> = ({
   }));
 
   const handleToggle = () => {
-    console.log("%c Line:42 🍷 handleToggle", "color:#b03734", feed.item_type);
     if (feed.item_type === "folder") {
       toggleFolder(uuid);
     }

src/components/Subscribes/List.tsx

@@ -1,11 +1,9 @@
 import update from "immutability-helper";
 import { useCallback, useEffect, useState } from "react";
-import type { CSSProperties } from "react";
 import { SubscribeItem } from "./SubscribeItem";
 import { useBearStore } from "@/stores";
 import { FeedResItem } from "@/db";
 import * as dataAgent from "@/helpers/dataAgent";
-import { ItemView } from "./ItemView";
 import {
   adjustedTargetIndex,
   findFolderAndIndex,
@@ -20,6 +18,8 @@ export const List = () => {
     getFeedList: state.getFeedList,
     feedList: state.feedList,
     feed: state.feed,
+    openFolder: state.openFolder,
+    closeFolder: state.closeFolder,
   }));
   const [treeData, setTreeData] = useState<TreeItem[]>([]);
   const moveItem = useCallback(
@@ -213,6 +213,8 @@ export const List = () => {
 
     folder.is_expanded = !folder.is_expanded;
 
+    folder.is_expanded ? store.openFolder(folderId) : store.closeFolder(folderId);
+
     setTreeData([...newTreeData]);
   };
 
@@ -243,14 +245,7 @@ export const List = () => {
   );
 
   useEffect(() => {
-    setTreeData(
-      [...store.feedList].map((_) => {
-        return {
-          ..._,
-          is_expanded: false,
-        };
-      })
-    );
+    setTreeData([...store.feedList] as TreeItem[]);
   }, [store.feedList]);
 
   return (

src/db.ts

@@ -42,6 +42,7 @@ export interface FeedResItem {
   update_date?: Date;
   last_sync_date?: string;
   folder_uuid?: string | null;
+  is_expanded?: boolean;
 }
 export interface Article {
   id?: number;

src/stores/createFeedSlice.ts

@@ -37,6 +37,9 @@ export interface FeedSlice {
   setFeedContextMenuTarget: (target: FeedResItem | null) => void;
   feedContextMenuStatus: boolean;
   setFeedContextMenuStatus: (status: boolean) => void;
+
+  openFolder: (uuid: string) => void;
+  closeFolder: (uuid: string) => void;
 }
 
 export const createFeedSlice: StateCreator<FeedSlice> = (
@@ -212,4 +215,32 @@ export const createFeedSlice: StateCreator<FeedSlice> = (
       feedContextMenuStatus: status,
     }));
   },
+
+  closeFolder: (uuid: string) => {
+    let list = get().feedList;
+
+    list.forEach(_ => {
+      if (_.uuid === uuid) {
+        _.is_expanded = false;
+      }
+    });
+
+    set(() => ({
+      feedList: [...list]
+    }))
+  },
+
+  openFolder: (uuid: string) => {
+    let list = get().feedList;
+
+    list.forEach(_ => {
+      if (_.uuid === uuid) {
+        _.is_expanded = true;
+      }
+    });
+
+    set(() => ({
+      feedList: [...list]
+    }))
+  }
 });