From 8f2ae99f76c140e7d2f3e0c284e043d17267ba25 Mon Sep 17 00:00:00 2001
From: kuwsh1n <senya.bogachev@mail.ru>
Date: Fri, 26 Apr 2024 13:20:01 +0300
Subject: [PATCH] fix ticket 11

---
 src/pages/AnswersForm.jsx | 2 --
 src/pages/Forms.jsx       | 7 +++++--
 src/pages/NewForm.jsx     | 6 ------
 3 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/pages/AnswersForm.jsx b/src/pages/AnswersForm.jsx
index d14498d..eae3169 100644
--- a/src/pages/AnswersForm.jsx
+++ b/src/pages/AnswersForm.jsx
@@ -87,8 +87,6 @@ const AnswersForm = () => {
                                             <div class="modal-dialog myModal__dialog" className={classes.myModal__dialog}>
                                                 <div class="modal-content" className={classes.myModal__dialog__content}>
                                                     <div class="modal-body" className={classes.myModal__dialog__content__body}>
-
-
                                                         {item.block.map((block, i) => 
                                                         <div className={classes.myModal__item} key={i}>
                                                             <div className={classes.myModal__item__question}>
diff --git a/src/pages/Forms.jsx b/src/pages/Forms.jsx
index ed5aac9..d57e9ca 100644
--- a/src/pages/Forms.jsx
+++ b/src/pages/Forms.jsx
@@ -14,6 +14,7 @@ const Forms = () => {
     const {user, setUser} = useContext(UserData);
     const [stateLoading, setStateLoading] = useState(false);
     const [removeIdForm, setRemoveIdForm] = useState(false);
+    const [searchForm, setSearchForm] = useState("");
 
     const [cookies, _, __] = useCookies(["user"]);
 
@@ -89,11 +90,13 @@ const Forms = () => {
         }
     };
 
+    const filterFormsBySearch = () => [...forms].filter(item => item.title.toLowerCase().includes(searchForm))
+
     return (
         <div className={classes.main}>
             <div className={classes.wrapper}>
                 <div className={classes.panel}>
-                    {/* <MyInput placeholder={'Поиск...'}/> */}
+                    <MyInput placeholder={'Поиск...'} value={searchForm} change={setSearchForm}/>
                     <MyButton click={createForm} class={"main__green"} otherStyle={{width: '200px'}} text={
                         stateLoading ? <div class="spinner-border text-light" role="status">
                             <span class="visually-hidden">Загрузка...</span>
@@ -107,7 +110,7 @@ const Forms = () => {
                         <div className={classes.listForms__columns__item}>Изменения</div> */}
                     </div>
                     <div className={classes.listForms__forms}>
-                        {forms.map((item, i) =>
+                        {filterFormsBySearch().map((item, i) =>
                             <div className={classes.listForms__forms__item} key={i}>
                                 <div className={classes.listForms__forms__item__title} onClick={() => editForm(item)}>{item.title}</div>
                                 {/* <div className={classes.listForms__forms__item__answers}>{item.datetime}</div>
diff --git a/src/pages/NewForm.jsx b/src/pages/NewForm.jsx
index ed9f6c9..664c8f1 100644
--- a/src/pages/NewForm.jsx
+++ b/src/pages/NewForm.jsx
@@ -225,12 +225,6 @@ const NewForm = () => {
                             <span>Название формы</span>
                             <input type="text" value={newTitleForm} onChange={event => setNewTitleForm(event.target.value)}/>
                         </div>
-                        {/* <MyButton 
-                            text={<i class="fa-solid fa-floppy-disk"></i>} 
-                            click={() => updateTitleForm()}
-                            class={"main__green"}
-                            otherStyle={{paddingLeft: "0.9rem", paddingRight: "0.9rem"}}>
-                        </MyButton> */}
                     </div>
                     <div className={classes.header__listBtn}>
                         <MyButton text={'Предпросмотр'} class={"main__white"} toggle={"modal"} target={"#previewModal"}/>