From d8735398562833cabee879b432a92dd601704c61 Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Fri, 9 May 2025 20:02:49 +0530
Subject: [PATCH] (fix:message-input) no badge buttons when shared

---
 frontend/src/components/MessageInput.tsx      | 49 +++++++++----------
 .../src/conversation/SharedConversation.tsx   |  1 +
 2 files changed, 24 insertions(+), 26 deletions(-)

diff --git a/frontend/src/components/MessageInput.tsx b/frontend/src/components/MessageInput.tsx
index 60cd4b81..7f617673 100644
--- a/frontend/src/components/MessageInput.tsx
+++ b/frontend/src/components/MessageInput.tsx
@@ -34,8 +34,7 @@ type MessageInputProps = {
   onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
   onSubmit: () => void;
   loading: boolean;
-  showSourceButton?: boolean;
-  showToolButton?: boolean;
+  isShared?: boolean;
   autoFocus?: boolean;
 };
 
@@ -44,8 +43,7 @@ export default function MessageInput({
   onChange,
   onSubmit,
   loading,
-  showSourceButton = true,
-  showToolButton = true,
+  isShared = false,
   autoFocus = true,
 }: MessageInputProps) {
   const { t } = useTranslation();
@@ -345,8 +343,8 @@ export default function MessageInput({
         </div>
 
         <div className="flex items-center px-3 py-1.5 sm:px-4 sm:py-2">
-          <div className="flex flex-grow flex-wrap gap-1 sm:gap-2">
-            {showSourceButton && (
+          {!isShared && (
+            <div className="flex flex-grow flex-wrap gap-1 sm:gap-2">
               <button
                 ref={sourceButtonRef}
                 className="xs:px-3 xs:py-1.5 flex max-w-[130px] items-center rounded-[32px] border border-[#AAAAAA] px-2 py-1 transition-colors hover:bg-gray-100 dark:border-purple-taupe dark:hover:bg-[#2C2E3C] sm:max-w-[150px]"
@@ -373,9 +371,7 @@ export default function MessageInput({
                   </span>
                 )}
               </button>
-            )}
 
-            {showToolButton && (
               <button
                 ref={toolButtonRef}
                 className="xs:px-3 xs:py-1.5 xs:max-w-[150px] flex max-w-[130px] items-center rounded-[32px] border border-[#AAAAAA] px-2 py-1 transition-colors hover:bg-gray-100 dark:border-purple-taupe dark:hover:bg-[#2C2E3C]"
@@ -390,25 +386,26 @@ export default function MessageInput({
                   {t('settings.tools.label')}
                 </span>
               </button>
-            )}
-            <label className="xs:px-3 xs:py-1.5 flex cursor-pointer items-center rounded-[32px] border border-[#AAAAAA] px-2 py-1 transition-colors hover:bg-gray-100 dark:border-purple-taupe dark:hover:bg-[#2C2E3C]">
-              <img
-                src={ClipIcon}
-                alt="Attach"
-                className="mr-1 h-3.5 w-3.5 sm:mr-1.5 sm:h-4 sm:w-4"
-              />
-              <span className="xs:text-[12px] text-[10px] font-medium text-[#5D5D5D] dark:text-bright-gray sm:text-[14px]">
-                Attach
-              </span>
-              <input
-                type="file"
-                className="hidden"
-                onChange={handleFileAttachment}
-              />
-            </label>
 
-            {/* Additional badges can be added here in the future */}
-          </div>
+              <label className="xs:px-3 xs:py-1.5 flex cursor-pointer items-center rounded-[32px] border border-[#AAAAAA] px-2 py-1 transition-colors hover:bg-gray-100 dark:border-purple-taupe dark:hover:bg-[#2C2E3C]">
+                <img
+                  src={ClipIcon}
+                  alt="Attach"
+                  className="mr-1 h-3.5 w-3.5 sm:mr-1.5 sm:h-4 sm:w-4"
+                />
+                <span className="xs:text-[12px] text-[10px] font-medium text-[#5D5D5D] dark:text-bright-gray sm:text-[14px]">
+                  Attach
+                </span>
+                <input
+                  type="file"
+                  className="hidden"
+                  onChange={handleFileAttachment}
+                />
+              </label>
+
+              {/* Additional badges can be added here in the future */}
+            </div>
+          )}
 
           <button
             onClick={loading ? undefined : handleSubmit}
diff --git a/frontend/src/conversation/SharedConversation.tsx b/frontend/src/conversation/SharedConversation.tsx
index ba146762..d8b7a1dc 100644
--- a/frontend/src/conversation/SharedConversation.tsx
+++ b/frontend/src/conversation/SharedConversation.tsx
@@ -160,6 +160,7 @@ export const SharedConversation = () => {
               onChange={(e) => setInput(e.target.value)}
               onSubmit={() => handleQuestionSubmission()}
               loading={status === 'loading'}
+              isShared={true}
             />
           ) : (
             <button