diff options
Diffstat (limited to 'extension/src/Folder.tsx')
| -rw-r--r-- | extension/src/Folder.tsx | 19 |
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> ) |