this repo has no description
0
fork

Configure Feed

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

Refactor logo and update welcome message

The logo component has been updated to use an icon instead of text. The
welcome message on the home page now incorporates the new logo
component.

+14 -10
+6 -3
src/components/chat-sidebar.tsx
··· 3 3 import type { Chat } from "#/lib/types"; 4 4 import { Row } from "./layout"; 5 5 import { Logo } from "./logo"; 6 + import { Text } from "./text"; 6 7 import { 7 8 Sidebar, 8 9 SidebarContent, ··· 22 23 <Sidebar variant="inset"> 23 24 <SidebarHeader> 24 25 <Row className="px-3 pt-3"> 25 - <Link to="/"> 26 - <Logo /> 27 - </Link> 26 + <Text> 27 + <Link to="/"> 28 + <Logo /> 29 + </Link> 30 + </Text> 28 31 </Row> 29 32 </SidebarHeader> 30 33 <SidebarContent>
+4 -4
src/components/logo.tsx
··· 1 - import { Heading } from "./heading"; 1 + import { MessageCircleIcon } from "lucide-react"; 2 2 3 3 export function Logo() { 4 4 return ( 5 - <Heading level="h3" className="font-semibold"> 6 - cAI ☕ 7 - </Heading> 5 + <span className="inline-flex items-center gap-1.5 font-semibold"> 6 + cAI <MessageCircleIcon className="size-[0.6lh]" /> 7 + </span> 8 8 ); 9 9 }
+4 -3
src/routes/index.tsx
··· 1 1 import { createFileRoute, Link } from "@tanstack/react-router"; 2 - import { MessageCircleIcon } from "lucide-react"; 3 2 import { Attribution } from "#/components/attribution"; 4 3 import { Container } from "#/components/container"; 5 4 import { Heading } from "#/components/heading"; 6 5 import { Row, Stack } from "#/components/layout"; 6 + import { Logo } from "#/components/logo"; 7 7 import { Page } from "#/components/page"; 8 8 import { Text } from "#/components/text"; 9 9 import { Button } from "#/components/ui/button"; ··· 18 18 <Row gap="lg" items="center" justify="between"> 19 19 <Stack> 20 20 <Stack gap="sm"> 21 - <Heading>Welcome to cAI ☕</Heading> 21 + <Heading> 22 + Welcome to <Logo /> 23 + </Heading> 22 24 <Text variant="lead"> 23 25 The place to chat with AI characters. 24 26 </Text> ··· 26 28 <Row gap="sm"> 27 29 <Button size="lg" render={<Link to="/chats" />}> 28 30 Chat 29 - <MessageCircleIcon /> 30 31 </Button> 31 32 <Button size="lg" variant="ghost" render={<Link to="/" />}> 32 33 Learn more