05_react/uebungen/u09_react-icons/src/components/inputs/InputAmount.jsx

@@ -1,3 +1,5 @@
+import { FaMinus, FaPlus } from 'react-icons/fa6';
+// npm install react-icons  | Auf der npm Seite mit --save, ist nicht mehr nötig
 const InputAmount = (props) => {
   // const { } = props;
 
@@ -5,14 +7,14 @@ const InputAmount = (props) => {
     <div className="m-input-amount input-amount">
       <div className="input-group mb-3">
         <span className="input-group-text">
-          <button className="btn btn-dark button-decrease">
-            -<span className="visually-hidden">Decrease Amount</span>
+          <button className="btn btn-dark button-decrease" aria-label="Decrease Amount">
+            <FaMinus />
           </button>
         </span>
         <input type="number" name="amount" placeholder="0" aria-label="Amount" className="form-control input-amount" />
         <span className="input-group-text">
-          <button className="btn btn-dark button-increase">
-            +<span className="visually-hidden">Increase Amount</span>
+          <button className="btn btn-dark button-increase" aria-label="Increase Amount">
+            <FaPlus />
           </button>
         </span>
       </div>