first_lesson-2

src/components/Burger/Ingredient/Ingredient.tsx

@@ -2,7 +2,7 @@ import { IngredientNames } from "@/interfaces/burger-interface";
 import "./Ingredient.css";
 
 interface Props {
-  type: IngredientNames;
+  type: IngredientNames | "bread-top" | "bread-bottom";
 }
 
 export function Ingredient({ type }: Props) {

src/containers/BurgerBuilder/BurgerBuilder.tsx

@@ -9,8 +9,6 @@ export function BurgerBuilder() {
     cheese: 0,
     bacon: 0,
     meat: 0,
-    "bread-bottom": 0,
-    "bread-top": 0,
   });
   return (
     <>

src/interfaces/burger-interface.ts

-export type IngredientNames = "salad" | "cheese" | "meat" | "bacon" | "bread-top" | "bread-bottom";
+export type IngredientNames = "salad" | "cheese" | "meat" | "bacon";
 
 export type Ingredients = {
   [key in IngredientNames]: number;