diff --git a/src/components/BookmarkList.tsx b/src/components/BookmarkList.tsx index d23a2fe4..d6f76d21 100644 --- a/src/components/BookmarkList.tsx +++ b/src/components/BookmarkList.tsx @@ -15,6 +15,7 @@ interface BookmarkListProps { onLogout: () => void viewMode: ViewMode onViewModeChange: (mode: ViewMode) => void + selectedUrl?: string } export const BookmarkList: React.FC = ({ @@ -24,19 +25,26 @@ export const BookmarkList: React.FC = ({ onToggleCollapse, onLogout, viewMode, - onViewModeChange + onViewModeChange, + selectedUrl }) => { if (isCollapsed) { + // Check if the selected URL is in bookmarks + const isBookmarked = selectedUrl && bookmarks.some(bookmark => { + const bookmarkUrl = bookmark.url + return bookmarkUrl === selectedUrl || selectedUrl.includes(bookmarkUrl) || bookmarkUrl.includes(selectedUrl) + }) + return (
) diff --git a/src/components/Bookmarks.tsx b/src/components/Bookmarks.tsx index fdfd7d61..3587a4f7 100644 --- a/src/components/Bookmarks.tsx +++ b/src/components/Bookmarks.tsx @@ -115,6 +115,7 @@ const Bookmarks: React.FC = ({ relayPool, onLogout }) => { onLogout={onLogout} viewMode={viewMode} onViewModeChange={setViewMode} + selectedUrl={selectedUrl} />
diff --git a/src/index.css b/src/index.css index d4b3ad1c..604b6fdb 100644 --- a/src/index.css +++ b/src/index.css @@ -212,6 +212,11 @@ body { gap: 0.5rem; } +.bookmarks-container.collapsed .toggle-sidebar-btn .glow-blue { + color: #646cff; + filter: drop-shadow(0 0 4px rgba(100, 108, 255, 0.6)); +} + .user-info { margin: 0.5rem 0 0 0; color: #888;