Write on the margins of the internet. Powered by the AT Protocol.
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

feat: page for annotations

+26 -5
+13
web/src/App.tsx
··· 46 46 <Route path="/my-feed" element={<Navigate to="/home" replace />} /> 47 47 48 48 <Route 49 + path="/annotations" 50 + element={ 51 + <AppLayout> 52 + <MasonryFeed 53 + motivation="commenting" 54 + emptyMessage="You haven't annotated anything yet." 55 + showTabs={true} 56 + title="Annotations" 57 + /> 58 + </AppLayout> 59 + } 60 + /> 61 + <Route 49 62 path="/bookmarks" 50 63 element={ 51 64 <AppLayout>
+11 -3
web/src/components/navigation/Sidebar.tsx
··· 2 2 import { 3 3 Home, 4 4 Bookmark, 5 - PenTool, 6 5 Settings, 7 6 LogOut, 8 7 Bell, ··· 12 11 Folder, 13 12 LogIn, 14 13 PenSquare, 14 + MessageSquareText, 15 + Highlighter, 15 16 } from "lucide-react"; 16 17 import { useStore } from "@nanostores/react"; 17 18 import { $user, logout } from "../../store/auth"; ··· 43 44 const publicNavItems = [ 44 45 { icon: Home, label: "Feed", href: "/home", badge: undefined }, 45 46 { 47 + icon: MessageSquareText, 48 + label: "Annotations", 49 + href: "/annotations", 50 + badge: undefined, 51 + }, 52 + { 46 53 icon: Bookmark, 47 54 label: "Bookmarks", 48 55 href: "/bookmarks", 49 56 badge: undefined, 50 57 }, 51 58 { 52 - icon: PenTool, 59 + icon: Highlighter, 53 60 label: "Highlights", 54 61 href: "/highlights", 55 62 badge: undefined, ··· 64 71 href: "/notifications", 65 72 badge: unreadCount, 66 73 }, 74 + { icon: MessageSquareText, label: "Annotations", href: "/annotations" }, 67 75 { icon: Bookmark, label: "Bookmarks", href: "/bookmarks" }, 68 - { icon: PenTool, label: "Highlights", href: "/highlights" }, 76 + { icon: Highlighter, label: "Highlights", href: "/highlights" }, 69 77 { icon: Folder, label: "Collections", href: "/collections" }, 70 78 ]; 71 79
+2 -2
web/src/views/core/Feed.tsx
··· 6 6 Loader2, 7 7 Clock, 8 8 Bookmark, 9 - MessageSquare, 10 9 Highlighter, 10 + MessageSquareText, 11 11 } from "lucide-react"; 12 12 import { useStore } from "@nanostores/react"; 13 13 import { $user } from "../../store/auth"; ··· 225 225 226 226 const filters = [ 227 227 { id: "all", label: "All", icon: null }, 228 - { id: "commenting", label: "Annotations", icon: MessageSquare }, 228 + { id: "commenting", label: "Annotations", icon: MessageSquareText }, 229 229 { id: "highlighting", label: "Highlights", icon: Highlighter }, 230 230 { id: "bookmarking", label: "Bookmarks", icon: Bookmark }, 231 231 ];