Доработка фронта

front/src/app/pages/ingredients/IngredientsPage.js

@@ -19,6 +19,7 @@ import {IngredientList} from "../../../components/Ingredients/IngredientList";
 import {blue} from "@mui/material/colors";
 import UpIcon from "@mui/icons-material/KeyboardArrowUp";
 import Switch from "@mui/material/Switch";
+import {useSelect} from "../../../hooks/useSelect";
 
 export function IngredientsPage() {
     const [value, setValue] = React.useState(0);
@@ -27,8 +28,7 @@ export function IngredientsPage() {
     const [loading, setLoading] = useState(true);
     const [findString, setFindString] = useState("");
     const [ingredients, setIngredients] = useState([]);
-    const [openModal, setOpenModal] = useState(false);
-    const [selectedInfo, setSelectedInfo] = useState(null);
+    const {getIngredient, selectIngredient} = useSelect();
     const {createError} = useAlert();
 
     useEffect(() => {
@@ -76,12 +76,7 @@ export function IngredientsPage() {
             });
     }
     const handleOpenModal = (i) => {
-        setOpenModal(true);
-        setSelectedInfo(i);
-    }
-    const handleCloseModal = () => {
-        setSelectedInfo(null);
-        setOpenModal(false);
+        selectIngredient(i)
     }
 
     return (
@@ -147,7 +142,7 @@ export function IngredientsPage() {
             {/*Загрузчик*/}
             <Loading loading={loading}/>
             {/*Модальное окно информации об ингредиенте*/}
-            <IngredientInfoModal ingredient={selectedInfo} open={openModal} closeHandler={handleCloseModal}/>
+            <IngredientInfoModal ingredient={getIngredient()}/>
         </Box>
     )
 }