diff options
author | sowgro <tpoke.ferrari@gmail.com> | 2024-11-07 12:53:17 -0500 |
---|---|---|
committer | sowgro <tpoke.ferrari@gmail.com> | 2024-11-07 12:53:17 -0500 |
commit | e9f5a57abc0f1cc748e7d58c34253cdacd078ba5 (patch) | |
tree | e1ee918ac5facab3312ff4221dacbc6c09816cb1 /extension/src/components/Body.tsx | |
parent | 0cab67a34d30cd85464d901ac54fe33d8dec1971 (diff) | |
download | bookmarks-home-e9f5a57abc0f1cc748e7d58c34253cdacd078ba5.tar.gz bookmarks-home-e9f5a57abc0f1cc748e7d58c34253cdacd078ba5.tar.bz2 bookmarks-home-e9f5a57abc0f1cc748e7d58c34253cdacd078ba5.zip |
small refactor
Diffstat (limited to 'extension/src/components/Body.tsx')
-rw-r--r-- | extension/src/components/Body.tsx | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/extension/src/components/Body.tsx b/extension/src/components/Body.tsx index 193e68e..34492b4 100644 --- a/extension/src/components/Body.tsx +++ b/extension/src/components/Body.tsx @@ -19,25 +19,27 @@ export const Settings = function Body() { const [settingsOpen, setSettingsOpen] = useState(false); const [settings, setSettings] = useState<ISettings>(defaultSettings); - const [bookmarkTree, setBookmarkTree] = useState<BookmarkTreeNode[]>([]) - const [ogBookmarkTree, setOgBookmarkTree] = useState<BookmarkTreeNode[] | null>([]) + const [selectedBookmarkTree, setSelectedBookmarkTree] = useState<BookmarkTreeNode[]>([]) + const [fullBookmarkTree, setFullBookmarkTree] = useState<BookmarkTreeNode[] | null>([]) + useEffect(() => { loadSettings().then(r => { setSettings(r); }) getBrowser().bookmarks.getTree().then(t => { - setOgBookmarkTree(t); + setFullBookmarkTree(t); }) }, []) + useEffect(() => { writeSettings(settings); if (settings?.rootFolder) { getBrowser().bookmarks.getSubTree(settings.rootFolder).then(t => { - setBookmarkTree(t); + setSelectedBookmarkTree(t); }); } else { getBrowser().bookmarks.getTree().then(t => { - setBookmarkTree(t); + setSelectedBookmarkTree(t); }) } }, [settings]); @@ -51,8 +53,8 @@ function Body() { <button id="settings-button" onClick={_ => setSettingsOpen(!settingsOpen)}> <img alt="open settings" src={imageUrl}/> </button> - <SettingsEditor tree={ogBookmarkTree!} isOpen={[settingsOpen, setSettingsOpen]}/> - {bookmarkTree[0] && (<FolderBody data={bookmarkTree[0]}/>)} + <SettingsEditor tree={fullBookmarkTree!} isOpen={[settingsOpen, setSettingsOpen]}/> + {selectedBookmarkTree[0] && (<FolderBody data={selectedBookmarkTree[0]}/>)} </Settings.Provider> ) } |