New Folder design

1 files changed, 3 insertions, 3 deletions

diff --git a/extension/src/Body.tsx b/extension/src/Body.tsx
index 0ac2e4c..786ee27 100644
--- a/extension/src/Body.tsx
+++ b/extension/src/Body.tsx
@@ -1,8 +1,8 @@
 import React, {useEffect, useState} from "react";
 import SettingsEditor from "./SettingsEditor.tsx";
-import Folder from "./Folder.tsx";
 import imageUrl from "./assets/settings.svg"
 import BookmarkTreeNode = browser.bookmarks.BookmarkTreeNode;
+import FolderBody from "./FolderBody.tsx";
 
 // @ts-ignore
 if (typeof browser === "undefined") {
@@ -21,7 +21,7 @@ export const BookmarkTree = React.createContext({
 
 function Body() {
     const [settingsOpen, setSettingsOpen] = useState(false);
-    const [rootFolder, setRootFolder] = useState('1');
+    const [rootFolder, setRootFolder] = useState("root________");
     const [bookmarkTree, setBookmarkTree] = useState<BookmarkTreeNode[]>([])
     const [ogBookmarkTree, setOgBookmarkTree] = useState<BookmarkTreeNode[] | null>([])
     const [backgroundURL, setBackgroundURL] = useState("")
@@ -44,7 +44,7 @@ function Body() {
                 <img alt="open settings" src={imageUrl}/>
             </button>
             {settingsOpen && (<SettingsEditor tree={ogBookmarkTree!} closer={setSettingsOpen} setBackgroundURL={setBackgroundURL}/>)}
-            {bookmarkTree[0] && (<Folder data={bookmarkTree[0]}/>)}
+            {bookmarkTree[0] && (<FolderBody data={bookmarkTree[0]}/>)}
         </RootFolder.Provider>
         </BookmarkTree.Provider>
     )