Merge pull request #59 from Yura-Platonov/AccPage

filtr edits
eTachkaMarketplace · Dec 26, 2023 · be4944b · be4944b
2 parents 7d5d6dc + 2a9e655
commit be4944b
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 20 deletions.
diff --git a/src/components/RegisterForm/RegisterForm.jsx b/src/components/RegisterForm/RegisterForm.jsx
@@ -41,7 +41,7 @@ const userSchema = Yup.object().shape({
     .required('Введіть Email'),
   password: Yup.string()
     .required('Введіть пароль')
-    .min(5, 'Пароль повинен містити принаймні 6 символів')
+    .min(5, 'Пароль повинен містити принаймні 5 символів')
     .matches(
       /^[^\u0400-\u04FF]*$/,
       'Пароль не повинен містити кириличні символи'

diff --git a/src/components/SearchForm/SearchForm.jsx b/src/components/SearchForm/SearchForm.jsx
@@ -50,7 +50,7 @@ export const SearchForm = ({ initialValues, onSubmit }) => {
             <div className="arrowDiv">
               <label>
                 <Field className="fieldLong marg16" as="select" name="status">
-                  <option value="">Статус</option>
+                  <option value="">Категорія</option>
                   <option value="New">Нові</option>
                   <option value="Used">Вживані</option>
                   <option value="Servitude">Під пригон</option>
@@ -224,19 +224,11 @@ export const SearchForm = ({ initialValues, onSubmit }) => {
                 <DropArrow />
               </div>
             </div>
-            <div className="shortDiv marg16">
-              <label>
-                <Field
-                  className="fieldTextShort"
-                  type="text"
-                  name="mileageFrom"
-                  placeholder="Введіть пробіг від"
-                />
-              </label>
 
+            <div>
               <label>
                 <Field
-                  className="fieldTextShort"
+                  className="fieldTextLong marg16"
                   type="text"
                   name="mileageTo"
                   placeholder="Введіть пробіг до"
@@ -287,18 +279,14 @@ export const SearchForm = ({ initialValues, onSubmit }) => {
                   name="condition"
                 >
                   <option value="">Технічний стан</option>
-                  <option value="Completely intact">
-                    Повністю непошкоджене
-                  </option>
-                  <option value="Professionally repaired damage">
+                  <option value="Completely">Повністю непошкоджене</option>
+                  <option value="Repaired">
                     Професійно відремонтовані пошкодження
                   </option>
-                  <option value="Unrepaired damage">
+                  <option value="Unrepaired">
                     Не відремонтовані пошкодження
                   </option>
-                  <option value="Not running/For spare parts">
-                    Не на ходу/На запчастини
-                  </option>
+                  <option value="Parts">Не на ходу/На запчастини</option>
                 </Field>
               </label>
               <div className="arrow">
@@ -347,3 +335,25 @@ export const SearchForm = ({ initialValues, onSubmit }) => {
   );
 };
 export default SearchForm;
+
+
+
+// {/* <div className="shortDiv marg16">
+//   <label>
+//     <Field
+//       className="fieldTextShort"
+//       type="text"
+//       name="mileageFrom"
+//       placeholder="Введіть пробіг від"
+//     />
+//   </label>
+
+//   <label>
+//     <Field
+//       className="fieldTextShort"
+//       type="text"
+//       name="mileageTo"
+//       placeholder="Введіть пробіг до"
+//     />
+//   </label>
+// </div>; */}
diff --git a/src/components/SearchForm/SearchForm.styled.js b/src/components/SearchForm/SearchForm.styled.js
@@ -109,6 +109,17 @@ export const Search = styled.div`
     padding-inline: 0;
     padding: 4px 16px;
   }
+  .fieldTextLong {
+    width: 346px;
+    height: 48px;
+    padding: 0;
+    border-radius: 8px;
+    background: #fff;
+    border: 1px solid #b9b9b9;
+    padding-block: 0;
+    padding-inline: 0;
+    padding: 4px 16px;
+  }
   .shortDiv {
     display: flex;
     gap: 14px;

diff --git a/src/modal/confirmModal/confirmModal.styled.js b/src/modal/confirmModal/confirmModal.styled.js
@@ -56,6 +56,7 @@ export const ConfDiv = styled.div`
   }
   .cansel {
     color: #0d0c0c;
+    background-color: transparent;
     text-align: center;
     font-family: 'Roboto', sans-serif;
     font-size: 22px;