populate widgets with actual bookmarks

1 files changed, 16 insertions, 0 deletions

diff --git a/extension/src/Bookmark.tsx b/extension/src/Bookmark.tsx
new file mode 100644
index 0000000..d9652a4
--- /dev/null
+++ b/extension/src/Bookmark.tsx
@@ -0,0 +1,16 @@
+interface BookmarkProps {
+    name: string;
+    url: string;
+    icon: string;
+}
+
+function Bookmark(props: BookmarkProps) {
+    return(
+        <a className="bookmark" href={props.url}>
+            <img alt="Bookmark icon" src={props.icon}></img>
+            <span>{props.name}</span>
+        </a>
+    );
+}
+
+export default Bookmark;
\ No newline at end of file