From 0b6b33c3cccb31f24fdf8eecfcdad8897c5a76c5 Mon Sep 17 00:00:00 2001
From: Haileyesus <something@gmail.com>
Date: Thu, 12 Feb 2026 19:39:28 +0300
Subject: [PATCH] refactor(chat): replace localStorage provider retrieval with
 prop usage in MessageComponent

---
 src/components/chat/view/subcomponents/MessageComponent.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/chat/view/subcomponents/MessageComponent.tsx b/src/components/chat/view/subcomponents/MessageComponent.tsx
index 6d2e1b4..d8fb803 100644
--- a/src/components/chat/view/subcomponents/MessageComponent.tsx
+++ b/src/components/chat/view/subcomponents/MessageComponent.tsx
@@ -73,7 +73,6 @@ const MessageComponent = memo(({ message, index, prevMessage, createDiff, onFile
     };
   }, [autoExpandTools, isExpanded, message.isToolUse]);
 
-  const selectedProvider = useMemo(() => localStorage.getItem('selected-provider') || 'claude', []);
   const formattedTime = useMemo(() => new Date(message.timestamp).toLocaleTimeString(), [message.timestamp]);
 
   return (
@@ -126,11 +125,11 @@ const MessageComponent = memo(({ message, index, prevMessage, createDiff, onFile
                 </div>
               ) : (
                 <div className="w-8 h-8 rounded-full flex items-center justify-center text-white text-sm flex-shrink-0 p-1">
-                  <SessionProviderLogo provider={selectedProvider} className="w-full h-full" />
+                  <SessionProviderLogo provider={provider} className="w-full h-full" />
                 </div>
               )}
               <div className="text-sm font-medium text-gray-900 dark:text-white">
-                {message.type === 'error' ? t('messageTypes.error') : message.type === 'tool' ? t('messageTypes.tool') : (selectedProvider === 'cursor' ? t('messageTypes.cursor') : selectedProvider === 'codex' ? t('messageTypes.codex') : t('messageTypes.claude'))}
+                {message.type === 'error' ? t('messageTypes.error') : message.type === 'tool' ? t('messageTypes.tool') : (provider === 'cursor' ? t('messageTypes.cursor') : provider === 'codex' ? t('messageTypes.codex') : t('messageTypes.claude'))}
               </div>
             </div>
           )}