Removed disabled class upload container & button

ScottLogic · Nov 13, 2024 · db8a0bc · db8a0bc
1 parent b0744fe
commit db8a0bc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 14 deletions.
diff --git 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
@@ -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>