Updated Demo (#2360)

This commit is contained in:
Saket Aryan
2025-03-12 01:49:08 +05:30
committed by GitHub
parent b89628322d
commit 2d5062bd40
3 changed files with 10 additions and 30 deletions

View File

@@ -85,9 +85,13 @@ export const Assistant = () => {
onClick={toggleDarkMode} onClick={toggleDarkMode}
aria-label="Toggle theme" aria-label="Toggle theme"
> >
{isDarkMode ? <Sun className="w-5 h-5" /> : <Moon className="w-5 h-5" />} {isDarkMode ? <Sun className="w-6 h-6" /> : <Moon className="w-6 h-6" />}
</button> </button>
<GithubButton url="https://github.com/mem0ai/mem0/tree/main/examples" /> <GithubButton url="https://github.com/mem0ai/mem0/tree/main/examples" />
<Link href={"https://app.mem0.ai/"} target="_blank" className="py-2 ml-2 px-4 font-semibold dark:bg-zinc-100 dark:hover:bg-zinc-200 bg-zinc-800 text-white rounded-full hover:bg-zinc-900 dark:text-[#475569]">
Save Memories
</Link>
</div> </div>
</header> </header>

View File

@@ -19,14 +19,14 @@ import {
AlertDialogTitle, AlertDialogTitle,
AlertDialogTrigger, AlertDialogTrigger,
} from "@/components/ui/alert-dialog"; } from "@/components/ui/alert-dialog";
import ThemeAwareLogo from "@/components/assistant-ui/theme-aware-logo"; // import ThemeAwareLogo from "@/components/assistant-ui/theme-aware-logo";
import Link from "next/link"; // import Link from "next/link";
interface ThreadListProps { interface ThreadListProps {
onResetUserId?: () => void; onResetUserId?: () => void;
isDarkMode: boolean; isDarkMode: boolean;
} }
export const ThreadList: FC<ThreadListProps> = ({ onResetUserId, isDarkMode }) => { export const ThreadList: FC<ThreadListProps> = ({ onResetUserId }) => {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
return ( return (
@@ -79,13 +79,7 @@ export const ThreadList: FC<ThreadListProps> = ({ onResetUserId, isDarkMode }) =
</div> </div>
<ThreadListItems /> <ThreadListItems />
</div> </div>
<div>
<Link href="https://www.assistant-ui.com/" target="_blank" className="flex justify-center items-center gap-2">
<h1 className="text-sm text-[#475569] dark:text-zinc-300 text-center">built using</h1>
<ThemeAwareLogo width={24} height={24} isDarkMode={isDarkMode} />
<p className="text-md font-bold dark:text-zinc-300">assistant-ui</p>
</Link>
</div>
</ThreadListPrimitive.Root> </ThreadListPrimitive.Root>
</div> </div>
); );

View File

@@ -42,8 +42,6 @@ import {
AlertDialogTitle, AlertDialogTitle,
AlertDialogTrigger, AlertDialogTrigger,
} from "@/components/ui/alert-dialog"; } from "@/components/ui/alert-dialog";
import Link from "next/link";
import ThemeAwareLogo from "./theme-aware-logo";
interface ThreadProps { interface ThreadProps {
sidebarOpen: boolean; sidebarOpen: boolean;
@@ -55,8 +53,7 @@ interface ThreadProps {
export const Thread: FC<ThreadProps> = ({ export const Thread: FC<ThreadProps> = ({
sidebarOpen, sidebarOpen,
setSidebarOpen, setSidebarOpen,
onResetUserId, onResetUserId
isDarkMode,
}) => { }) => {
const [resetDialogOpen, setResetDialogOpen] = useState(false); const [resetDialogOpen, setResetDialogOpen] = useState(false);
@@ -156,21 +153,6 @@ export const Thread: FC<ThreadProps> = ({
</div> </div>
<ThreadListPrimitive.Items components={{ ThreadListItem }} /> <ThreadListPrimitive.Items components={{ ThreadListItem }} />
</ThreadListPrimitive.Root> </ThreadListPrimitive.Root>
<div>
<Link
href="https://www.assistant-ui.com/"
target="_blank"
className="flex justify-center items-center gap-2"
>
<h1 className="text-sm text-[#475569] dark:text-zinc-300 text-center">
built using
</h1>
<ThemeAwareLogo width={24} height={24} isDarkMode={isDarkMode} />
<p className="text-md font-bold dark:text-zinc-300">
assistant-ui
</p>
</Link>
</div>
</div> </div>
</div> </div>
</div> </div>