New Folder design

1 files changed, 20 insertions, 0 deletions

diff --git a/extension/src/FolderBody.tsx b/extension/src/FolderBody.tsx
new file mode 100644
index 0000000..b013d97
--- /dev/null
+++ b/extension/src/FolderBody.tsx
@@ -0,0 +1,20 @@
+import BookmarkTreeNode = browser.bookmarks.BookmarkTreeNode;
+import Bookmark from "./Bookmark.tsx";
+import FolderButton from "./FolderButton.tsx";
+
+function FolderBody (props: {data: BookmarkTreeNode}) {
+    return (
+            <div className={"folderBody"}>
+                {
+                    props.data.children &&
+                    props.data.children.map(child =>
+                        child.children
+                            ? <FolderButton data={child} />
+                            : <Bookmark data={child} />
+                    )
+                }
+            </div>
+    )
+}
+
+export default FolderBody;
\ No newline at end of file