Disables buttons if not able to be used

theimpossibleleap · May 23, 2024 · d335478 · d335478
1 parent c395116
commit d335478
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -60,13 +60,13 @@ function App() {
           >
           </input>
           <div className='buttonContainer'>
-          <button className='button' onClick={handleAdd} tabIndex={0}>
+          <button className='button' onClick={handleAdd} tabIndex={0} {...{disabled: !inputItem}}>
             Add Item
           </button>
-          <button className='button' onClick={handleClearComplete} tabIndex={0}>
+          <button className='button' onClick={handleClearComplete} tabIndex={0} {...{disabled: !completed.length}}>
             Clear Completed
           </button>
-          <button className='button' onClick={handleClear} tabIndex={0}>
+          <button className='button' onClick={handleClear} tabIndex={0} {...{disabled: !list.length}}>
             Clear All
           </button>
         </div>