aboutsummaryrefslogtreecommitdiff
path: root/extension/src/components/Bookmark.tsx
diff options
context:
space:
mode:
authorsowgro <tpoke.ferrari@gmail.com>2024-11-07 12:40:42 -0500
committersowgro <tpoke.ferrari@gmail.com>2024-11-07 12:40:42 -0500
commit03b7ccaa5c152c8d7ed73374be8ad4d4d034845b (patch)
tree7ce20a5749018fbe82c85ee1bd7c2a5c5083eb4b /extension/src/components/Bookmark.tsx
parent958ab3cd5edad8b48a3fa49e0f151b3285abdbfa (diff)
downloadbookmarks-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();