Updated Demo (#2360)
This commit is contained in:
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user