{
directions.map((item) => {
diff --git a/Lab5/src/components/lines/News/UpdateNews.jsx b/Lab5/src/components/lines/News/UpdateNews.jsx
index 8e19717..5e51330 100644
--- a/Lab5/src/components/lines/News/UpdateNews.jsx
+++ b/Lab5/src/components/lines/News/UpdateNews.jsx
@@ -1,3 +1,4 @@
+import { useState } from 'react';
import PropTypes from 'prop-types';
import {
Button, Container,
@@ -10,10 +11,13 @@ import useLinesDeleteModal from '../hooks/LinesDeleteModalHook';
import useLinesFormModal from '../hooks/LinesFormModalHook';
import LinesItemForm from '../form/LinesItemForm.jsx';
import useLines from '../hooks/LinesHook';
+import Input from '../../input/Input.jsx';
// linesChangeHandle изменять состояние => при вызове изменения linesChangeHandle
// должно все перерисовываться
const UpdateNews = () => {
+ const [searchValue, setSearchValue] = useState('');
+
const { lines, handleLinesChange } = useLines();
const {
isDeleteModalShow,
@@ -37,18 +41,25 @@ const UpdateNews = () => {
Новости
+ setSearchValue(e.target.value)}
+ type='text' required />
- {lines.map((item) => (
- showDeleteModal(item.id)}
- onEdit={() => showFormModal(item.id)}
- />
- ))}
+ {
+ lines.map((item) => {
+ if (searchValue === ''
+ || item.description.toLowerCase().includes(searchValue.toLowerCase())) {
+ return showDeleteModal(item.id)}
+ onEdit={() => showFormModal(item.id)}
+ />;
+ }
+ return null;
+ })}
{