diff options
author | sowgro <tpoke.ferrari@gmail.com> | 2024-11-07 12:40:42 -0500 |
---|---|---|
committer | sowgro <tpoke.ferrari@gmail.com> | 2024-11-07 12:40:42 -0500 |
commit | 03b7ccaa5c152c8d7ed73374be8ad4d4d034845b (patch) | |
tree | 7ce20a5749018fbe82c85ee1bd7c2a5c5083eb4b /extension/src/Bookmark.tsx | |
parent | 958ab3cd5edad8b48a3fa49e0f151b3285abdbfa (diff) | |
download | bookmarks-home-03b7ccaa5c152c8d7ed73374be8ad4d4d034845b.tar.gz bookmarks-home-03b7ccaa5c152c8d7ed73374be8ad4d4d034845b.tar.bz2 bookmarks-home-03b7ccaa5c152c8d7ed73374be8ad4d4d034845b.zip |
Implement sorting and refactor
Diffstat (limited to '')
-rw-r--r-- | extension/src/components/Bookmark.tsx (renamed from extension/src/Bookmark.tsx) | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/extension/src/Bookmark.tsx b/extension/src/components/Bookmark.tsx index 64c2811..75badd7 100644 --- a/extension/src/Bookmark.tsx +++ b/extension/src/components/Bookmark.tsx @@ -1,7 +1,11 @@ import BookmarkTreeNode = browser.bookmarks.BookmarkTreeNode; +/** + * A component for a single bookmark + * + * @param props.data The BookmarkTreeNode with the data for the bookmark + */ function Bookmark(props: {data: BookmarkTreeNode}) { - return( <a className="bookmark draggable" href={props.data.url}> <img alt="Bookmark icon" src={faviconURL(props.data.url)}></img> @@ -10,6 +14,12 @@ function Bookmark(props: {data: BookmarkTreeNode}) { ); } +/** + * Gets the icon for a bookmark + * + * @param u The URL of the link + * @return The URL of the icon + */ function faviconURL(u: string | undefined) { if (!u) return ""; u = new URL(u).hostname.toString(); |