feature: Extract hook logic into separate package and add a new action bar in bookmark preview

1 files changed, 29 insertions, 0 deletions

diff --git a/apps/web/components/dashboard/bookmarks/icons.tsx b/apps/web/components/dashboard/bookmarks/icons.tsx
new file mode 100644
index 00000000..d899f19d
--- /dev/null
+++ b/apps/web/components/dashboard/bookmarks/icons.tsx
@@ -0,0 +1,29 @@
+import { Archive, ArchiveRestore, Star } from "lucide-react";
+
+export function FavouritedActionIcon({
+  favourited,
+  className,
+}: {
+  favourited: boolean;
+  className?: string;
+}) {
+  return favourited ? (
+    <Star className={className} color="#ebb434" fill="#ebb434" />
+  ) : (
+    <Star className={className} />
+  );
+}
+
+export function ArchivedActionIcon({
+  archived,
+  className,
+}: {
+  archived: boolean;
+  className?: string;
+}) {
+  return archived ? (
+    <ArchiveRestore className={className} />
+  ) : (
+    <Archive className={className} />
+  );
+}