From 55f90e488c3586c143acad7b51a2aa917130d7f3 Mon Sep 17 00:00:00 2001
From: Louis Beaumont <louis.beaumont@gmail.com>
Date: Wed, 7 Aug 2024 08:42:47 +0200
Subject: [PATCH] fix: openai/ollama/user icon not showing up anymore

---
 .../screenpipe-app-tauri/components/chat-list-openai-v2.tsx  | 2 +-
 .../apps/screenpipe-app-tauri/components/chat-message-v2.tsx | 5 +++--
 .../vercel-ai-chatbot/components/stocks/message.tsx          | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/examples/apps/screenpipe-app-tauri/components/chat-list-openai-v2.tsx b/examples/apps/screenpipe-app-tauri/components/chat-list-openai-v2.tsx
index f59541f7..4543fb31 100644
--- a/examples/apps/screenpipe-app-tauri/components/chat-list-openai-v2.tsx
+++ b/examples/apps/screenpipe-app-tauri/components/chat-list-openai-v2.tsx
@@ -418,7 +418,7 @@ export function ChatList({
 export function SpinnerMessage() {
   const { settings } = useSettings();
   return (
-    <div className="group relative flex items-start md:-ml-12">
+    <div className="group relative flex items-start ">
       <div className="flex size-[24px] shrink-0 select-none items-center justify-center rounded-md border bg-primary text-primary-foreground shadow-sm">
         {settings.useOllama ? <>🦙</> : <IconOpenAI />}
       </div>
diff --git a/examples/apps/screenpipe-app-tauri/components/chat-message-v2.tsx b/examples/apps/screenpipe-app-tauri/components/chat-message-v2.tsx
index 91572bce..b8bdc890 100644
--- a/examples/apps/screenpipe-app-tauri/components/chat-message-v2.tsx
+++ b/examples/apps/screenpipe-app-tauri/components/chat-message-v2.tsx
@@ -24,7 +24,7 @@ export function ChatMessage({ message, ...props }: ChatMessageProps) {
 
   return (
     <div
-      className={cn("group relative mb-4 flex items-start md:-ml-12 w-full")}
+      className={cn("group relative mb-4 flex items-start  w-full")}
       {...props}
     >
       <div
@@ -52,7 +52,8 @@ export function ChatMessage({ message, ...props }: ChatMessageProps) {
             p({ children }) {
               return <p className="mb-2 last:mb-0">{children}</p>;
             },
-            a({ node, href, children, ...props }) { // make links open in new tab
+            a({ node, href, children, ...props }) {
+              // make links open in new tab
               return (
                 <a
                   href={href}
diff --git a/examples/typescript/vercel-ai-chatbot/components/stocks/message.tsx b/examples/typescript/vercel-ai-chatbot/components/stocks/message.tsx
index 8a752455..bcf2c5b5 100644
--- a/examples/typescript/vercel-ai-chatbot/components/stocks/message.tsx
+++ b/examples/typescript/vercel-ai-chatbot/components/stocks/message.tsx
@@ -36,7 +36,7 @@ export function BotMessage({
 
   return (
     <div className={cn('group relative flex items-start md:-ml-12', className)}>
-      <div className="flex size-[24px] shrink-0 select-none items-center justify-center rounded-md border bg-primary text-primary-foreground shadow-sm">
+      <div className="flex shrink-0 select-none items-center justify-center rounded-md border bg-primary text-primary-foreground shadow-sm">
         <IconOpenAI />
       </div>
       <div className="ml-4 flex-1 space-y-2 overflow-hidden px-1">