diff options
Diffstat (limited to 'extension/src/Body.tsx')
| -rw-r--r-- | extension/src/Body.tsx | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/extension/src/Body.tsx b/extension/src/Body.tsx new file mode 100644 index 0000000..7d56265 --- /dev/null +++ b/extension/src/Body.tsx @@ -0,0 +1,23 @@ +import React, {useState} from "react"; +import SettingsEditor from "./SettingsEditor.tsx"; +import Folder from "./Folder.tsx"; +import imageUrl from "./assets/settings.svg" +import BookmarkTreeNode = browser.bookmarks.BookmarkTreeNode; + +function Body(props: {tree: BookmarkTreeNode[]}) { + const [settingsOpen, setSettingsOpen] = useState(false); + + return ( + <> + <button id="settings-button" onClick={_ => setSettingsOpen(!settingsOpen)}> + <img alt="open settings" src={imageUrl}/> + </button> + {settingsOpen && (<SettingsEditor closer={setSettingsOpen}/>)} + <Folder data={ + (props.tree && props.tree[0] && props.tree[0].children && props.tree[0].children[0])! + }/> + </> + ) +} + +export default Body
\ No newline at end of file |