From 2d5062bd40e789175d457e195a55eef069ab1bec Mon Sep 17 00:00:00 2001
From: Saket Aryan <saketaryan2002@gmail.com>
Date: Wed, 12 Mar 2025 01:49:08 +0530
Subject: [PATCH] Updated Demo (#2360)

---
 examples/mem0-demo/app/assistant.tsx          |  6 +++++-
 .../components/assistant-ui/thread-list.tsx   | 14 ++++---------
 .../components/assistant-ui/thread.tsx        | 20 +------------------
 3 files changed, 10 insertions(+), 30 deletions(-)

diff --git a/examples/mem0-demo/app/assistant.tsx b/examples/mem0-demo/app/assistant.tsx
index 2ece8f5a..eb333202 100644
--- a/examples/mem0-demo/app/assistant.tsx
+++ b/examples/mem0-demo/app/assistant.tsx
@@ -85,9 +85,13 @@ export const Assistant = () => {
               onClick={toggleDarkMode}
               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>
             <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>
         </header>
 
diff --git a/examples/mem0-demo/components/assistant-ui/thread-list.tsx b/examples/mem0-demo/components/assistant-ui/thread-list.tsx
index 2457634c..168d1a1a 100644
--- a/examples/mem0-demo/components/assistant-ui/thread-list.tsx
+++ b/examples/mem0-demo/components/assistant-ui/thread-list.tsx
@@ -19,14 +19,14 @@ import {
   AlertDialogTitle,
   AlertDialogTrigger,
 } from "@/components/ui/alert-dialog";
-import ThemeAwareLogo from "@/components/assistant-ui/theme-aware-logo";
-import Link from "next/link";
+// import ThemeAwareLogo from "@/components/assistant-ui/theme-aware-logo";
+// import Link from "next/link";
 interface ThreadListProps {
   onResetUserId?: () => void;
   isDarkMode: boolean;
 }
 
-export const ThreadList: FC<ThreadListProps> = ({ onResetUserId, isDarkMode }) => {
+export const ThreadList: FC<ThreadListProps> = ({ onResetUserId }) => {
   const [open, setOpen] = useState(false);
   
   return (
@@ -79,13 +79,7 @@ export const ThreadList: FC<ThreadListProps> = ({ onResetUserId, isDarkMode }) =
           </div>
           <ThreadListItems />
         </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>
     </div>
   );
diff --git a/examples/mem0-demo/components/assistant-ui/thread.tsx b/examples/mem0-demo/components/assistant-ui/thread.tsx
index 3dc7e944..46225b9a 100644
--- a/examples/mem0-demo/components/assistant-ui/thread.tsx
+++ b/examples/mem0-demo/components/assistant-ui/thread.tsx
@@ -42,8 +42,6 @@ import {
   AlertDialogTitle,
   AlertDialogTrigger,
 } from "@/components/ui/alert-dialog";
-import Link from "next/link";
-import ThemeAwareLogo from "./theme-aware-logo";
 
 interface ThreadProps {
   sidebarOpen: boolean;
@@ -55,8 +53,7 @@ interface ThreadProps {
 export const Thread: FC<ThreadProps> = ({
   sidebarOpen,
   setSidebarOpen,
-  onResetUserId,
-  isDarkMode,
+  onResetUserId
 }) => {
   const [resetDialogOpen, setResetDialogOpen] = useState(false);
 
@@ -156,21 +153,6 @@ export const Thread: FC<ThreadProps> = ({
                 </div>
                 <ThreadListPrimitive.Items components={{ ThreadListItem }} />
               </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>