\n Bookmarks Collection\n

\n Filtered by tags:\n {tags.map((tag) => (\n \n {tag}\n \n ))}\n

\n\n {/* Bookmarks */}\n {bookmarks.length === 0\n ? (\n

\n 📚\n

\n No bookmarks found\n

\n This user hasn't shared any bookmarks with these tags yet.\n

\n )\n : (\n

\n {bookmarks.map((bookmark) => (\n \n

\n {bookmark.title || new URL(bookmark.subject).hostname}\n

\n {bookmark.subject}\n

\n\n {bookmark.description && (\n

\n {bookmark.description}\n

\n )}\n\n

\n {new Date(bookmark.createdAt).toLocaleDateString()}\n

\n\n {/* Desktop: hover-reveal buttons (bottom-right) */}\n

\n handleVisit(e, bookmark.subject)}\n className=\"w-7 h-7 flex items-center justify-center text-gray-600 hover:text-gray-900 bg-white/90 hover:bg-white rounded-md transition-colors shadow-sm\"\n title=\"Visit bookmark\"\n >\n \n \n \n \n handleShare(e, bookmark)}\n className=\"w-7 h-7 flex items-center justify-center text-gray-600 hover:text-gray-900 bg-white/90 hover:bg-white rounded-md transition-colors shadow-sm\"\n title=\"Share bookmark\"\n >\n \n \n \n \n

\n\n {/* Mobile: always-visible buttons (bottom-right) */}\n

\n handleVisit(e, bookmark.subject)}\n className=\"w-8 h-8 flex items-center justify-center text-gray-600 hover:text-gray-900 bg-white/90 hover:bg-white rounded-md transition-colors shadow-sm\"\n title=\"Visit bookmark\"\n >\n \n \n \n \n handleShare(e, bookmark)}\n className=\"w-8 h-8 flex items-center justify-center text-gray-600 hover:text-gray-900 bg-white/90 hover:bg-white rounded-md transition-colors shadow-sm\"\n title=\"Share bookmark\"\n >\n \n \n \n \n

\n ))}\n

\n )}\n\n {/* Footer */}\n

\n Create your own bookmark collection at{\" \"}\n \n kipclip.com\n \n

\n \n );\n}\n","deleted","label",[171,172,152],"frontend","components","permalink","https://www.val.town/x/tijs/kipclip-appview/code/frontend/components/SharedBookmarks.tsx","extension","actionData","errors"]