Refactor

1 files changed, 12 insertions, 7 deletions

diff --git a/extension/src/Folder.tsx b/extension/src/Folder.tsx
index e831e62..07d56ac 100644
--- a/extension/src/Folder.tsx
+++ b/extension/src/Folder.tsx
@@ -1,14 +1,19 @@
-interface FolderProps {
-    name: string;
-    children?: React.ReactNode;
-}
+import BookmarkTreeNode = chrome.bookmarks.BookmarkTreeNode;
+import Bookmark from "./Bookmark.tsx";
 
-function Folder (props: FolderProps) {
+function Folder (props: {data: BookmarkTreeNode}) {
     return (
         <div className="folder">
-            <span>{props.name}</span>
+            <span>{props.data.title}</span>
             <div>
-                {props.children}
+                {
+                    props.data.children &&
+                    props.data.children.map(child => {
+                        return child.children
+                            ? <Folder data={child} />
+                            : <Bookmark data={child} />
+                    })
+                }
             </div>
         </div>
     )