diff options
| author | sowgro <tpoke.ferrari@gmail.com> | 2024-10-20 21:40:00 -0400 |
|---|---|---|
| committer | sowgro <tpoke.ferrari@gmail.com> | 2024-10-20 21:40:00 -0400 |
| commit | 89f822c5a50cde9976786619a75c2ec0dd501450 (patch) | |
| tree | 328fd7745a4520f3bce899798fad78216533f188 /extension/src/Folder.tsx | |
| parent | 6c400f9f31ea9d13e5abf66430f2a8016dd856bd (diff) | |
| download | bookmarks-home-89f822c5a50cde9976786619a75c2ec0dd501450.tar.gz bookmarks-home-89f822c5a50cde9976786619a75c2ec0dd501450.tar.bz2 bookmarks-home-89f822c5a50cde9976786619a75c2ec0dd501450.zip | |
Add expanders
Diffstat (limited to 'extension/src/Folder.tsx')
| -rw-r--r-- | extension/src/Folder.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/extension/src/Folder.tsx b/extension/src/Folder.tsx index 93cc286..b7da330 100644 --- a/extension/src/Folder.tsx +++ b/extension/src/Folder.tsx @@ -3,10 +3,10 @@ import Bookmark from "./Bookmark.tsx"; function Folder (props: {data: BookmarkTreeNode}) { return ( - <div className="folder"> - <span>{props.data.title}</span> + <details open className="folder"> + <summary>{props.data.title}</summary> <div> - { + { props.data.children && props.data.children.map(child => child.children @@ -15,7 +15,7 @@ function Folder (props: {data: BookmarkTreeNode}) { ) } </div> - </div> + </details> ) } |