From db8a0bc5a1ad2676e8325111339dadeedc805766 Mon Sep 17 00:00:00 2001
From: dianaprahoveanu23 <dprahoveanu@scottlogic.com>
Date: Wed, 13 Nov 2024 13:45:20 +0000
Subject: [PATCH] Removed disabled class upload container & button

---
 frontend/src/components/input.module.css |  4 ++--
 frontend/src/components/input.tsx        | 14 ++------------
 2 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/input.module.css b/frontend/src/components/input.module.css
index 109389cd..2a0506b7 100644
--- a/frontend/src/components/input.module.css
+++ b/frontend/src/components/input.module.css
@@ -96,12 +96,12 @@ textarea::placeholder {
   background-color: var(--grey-400);
 }
 
-.uploadButton_container.disabled {
+.uploadButton_container:has(.uploadButton:disabled) {
   color: var(--grey-900);
   opacity: 0.5;
 }
 
-.uploadButton_container.disabled:hover {
+.uploadButton_container:has(.uploadButton:disabled):hover {
   color: var(--grey-900);
   background-color: var(--grey-300);
   opacity: 0.5;
diff --git a/frontend/src/components/input.tsx b/frontend/src/components/input.tsx
index 4831cac2..4d9e1289 100644
--- a/frontend/src/components/input.tsx
+++ b/frontend/src/components/input.tsx
@@ -10,7 +10,6 @@ import React, {
 import styles from './input.module.css';
 import RightArrowIcon from '../icons/send.svg';
 import UploadIcon from '../icons/upload.svg';
-import classNames from 'classnames';
 import { Suggestions } from './suggestions';
 import { Button } from './button';
 
@@ -64,17 +63,8 @@ export const Input = ({ sendMessage, waiting }: InputProps) => {
           onChange={onChange}
           rows={1}
         />
-        <div
-          className={classNames(styles.uploadButton_container, {
-            [styles.disabled]: sendDisabled,
-          })}
-        >
-          <button
-            className={classNames(styles.uploadButton, {
-              [styles.disabled]: sendDisabled,
-            })}
-            disabled={sendDisabled}
-          >
+        <div className={styles.uploadButton_container}>
+          <button className={styles.uploadButton} disabled={sendDisabled}>
             <img src={UploadIcon} />
           </button>
         </div>