extension/src/Folder.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

import BookmarkTreeNode = browser.bookmarks.BookmarkTreeNode;
import Bookmark from "./Bookmark.tsx";

function Folder (props: {data: BookmarkTreeNode}) {
    return (
        <details open className="folder">
            <summary>{props.data.title}</summary>
            <div>
                {
                    props.data.children &&
                    props.data.children.map(child =>
                        child.children
                            ? <Folder data={child} />
                            : <Bookmark data={child} />
                    )
                }
            </div>
        </details>
    )
}

// if (props.data.children) {
//     let l = [];
//     for (let child of props.data.children) {
//         if (child.children) {
//             l.push(<Folder data={child} />)
//         } else {
//             l.push(<Bookmark data={child} />)
//         }
//     }
//     return l
// }

export default Folder;