blair.nz / cai
this repo has no description
0
fork

Configure Feed

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

Delete nav.tsx

James Blair 807d3a7f bd033d83

-52
-52
apps/web/src/components/nav.tsx
··· 1 - import { Link } from "@tanstack/react-router"; 2 - import { Row } from "./layout"; 3 - import { Text } from "./text"; 4 - 5 - const items = [ 6 - { 7 - id: 1, 8 - label: "Home", 9 - to: "/", 10 - }, 11 - { 12 - id: 2, 13 - label: "Chat", 14 - to: "/chats", 15 - }, 16 - ]; 17 - 18 - export function Nav() { 19 - return ( 20 - <nav> 21 - <Row> 22 - {items.map((item) => ( 23 - <NavItem key={item.id} {...item} /> 24 - ))} 25 - </Row> 26 - </nav> 27 - ); 28 - } 29 - 30 - interface NavItemProps { 31 - label: string; 32 - to: string; 33 - } 34 - 35 - function NavItem({ to, label }: NavItemProps) { 36 - return ( 37 - <Link to={to}> 38 - {({ isActive }) => ( 39 - <Text 40 - variant="small" 41 - className={ 42 - isActive 43 - ? "" 44 - : "text-muted-foreground duration-200 hover:text-foreground" 45 - } 46 - > 47 - {label} 48 - </Text> 49 - )} 50 - </Link> 51 - ); 52 - }