add disabled props

src/components/BuildControls/BuildControl/BuildControl.tsx

@@ -5,13 +5,14 @@ interface Props {
     type: IngredientNames
     lessHandler: VoidFunction
     moreHandler: VoidFunction
+    disabled: boolean;
 }
 
-const BuildControl = ({type, moreHandler, lessHandler}: Props) => {
+const BuildControl = ({disabled, type, moreHandler, lessHandler}: Props) => {
     return (
         <div className="BuildControl">
             <div className="Label">{type}</div>
-            <button className="Less" onClick={lessHandler}>Less</button>
+            <button className="Less" disabled={disabled} onClick={lessHandler}>Less</button>
             <button className="More" onClick={moreHandler}>More</button>
         </div>
     );

src/components/BuildControls/BuildControls.tsx

@@ -23,6 +23,7 @@ const BuildControls = ({ingredients, price, lessHandler, moreHandler}: Props) =>
                         type={ingKey as IngredientNames}
                         moreHandler={() => moreHandler(ingKey as IngredientNames)}
                         lessHandler={() => lessHandler(ingKey as IngredientNames)}
+                        disabled={!Boolean(ingredients[ingKey as IngredientNames])}
                     />
                 ))
             }

src/components/Burger/Burger.tsx

-import { ReactNode } from 'react';
+import { ReactNode, useState } from 'react';
 import { IngredientNames, Ingredients } from '@/interfaces/Ingredients';
 import Ingredient from './Ingredient/Ingredient';
 import './Burger.css';