Correct Alt Title and replace search logo

ita-social-projects · Sep 17, 2024 · 5657ce0 · 5657ce0
1 parent f0e87d8
commit 5657ce0
Show file tree

Hide file tree

Showing 10 changed files with 14 additions and 16 deletions.
diff --git a/...eaderFooter/header/navbar/search-icon.svg → FrontEnd/public/svg/search-icon.svg b/...eaderFooter/header/navbar/search-icon.svg → FrontEnd/public/svg/search-icon.svg
diff --git a/FrontEnd/src/components/HeaderFooter/header/navbar/Profile.jsx b/FrontEnd/src/components/HeaderFooter/header/navbar/Profile.jsx
@@ -30,7 +30,7 @@ function Profile() {
       <img
         className={css['header-profile__avatar']}
         src={`${process.env.REACT_APP_PUBLIC_URL}/img/Avatar.png`}
-        alt="avatar"
+        alt="Avatar"
         onClick={navigateToProfile}
       />
       <DropdownMenu toggleText="Профіль">

diff --git a/FrontEnd/src/components/HeaderFooter/header/navbar/Profile.module.css b/FrontEnd/src/components/HeaderFooter/header/navbar/Profile.module.css
@@ -14,4 +14,4 @@
   border-radius: 100px;
   border: 1px solid var(--main-black-20, #E2E5EB);
   background: var(--conditional-pop-over, #FFF)
-}
+}
diff --git a/FrontEnd/src/components/HeaderFooter/header/navbar/SearchBox.jsx b/FrontEnd/src/components/HeaderFooter/header/navbar/SearchBox.jsx
@@ -1,5 +1,4 @@
 import { useState } from 'react';
-import icon_search from './search-icon.svg';
 import { useNavigate } from 'react-router-dom';
 import css from './SearchBox.module.css';
 
@@ -36,7 +35,7 @@ function SearchBox() {
         className={css['header-search-form__addon']}
         disabled={!searchTerm.trim()}
       >
-        <img src={icon_search} alt="" />
+        <img src={`${process.env.REACT_APP_PUBLIC_URL}/svg/search-icon.svg`} alt="Search" />
       </button>
     </div>
   );

diff --git a/FrontEnd/src/components/HeaderFooter/header/navbar/SearchBox.module.css b/FrontEnd/src/components/HeaderFooter/header/navbar/SearchBox.module.css
@@ -68,4 +68,4 @@ textarea:focus,
 .header-search-form__input:focus {
   border: none;
   outline: none;
-}
+}
diff --git a/FrontEnd/src/components/ProfilePage/FormComponents/WarnUnsavedDataModal.jsx b/FrontEnd/src/components/ProfilePage/FormComponents/WarnUnsavedDataModal.jsx
@@ -9,7 +9,7 @@ const WarnUnsavedDataModal = ({ onCancel, onConfirm }) => {
                     Збереження введених даних
                 </p>
                 <button onClick={onCancel} className={classes['modal-header--close-icon']}>
-                    <img src={`${process.env.REACT_APP_PUBLIC_URL}/svg/cross-btn.svg`} />
+                    <img src={`${process.env.REACT_APP_PUBLIC_URL}/svg/cross-btn.svg`} alt="Cross btn" />
                 </button>
             </div>
             <div className={classes['modal-content']}>

diff --git a/FrontEnd/src/components/landing-page/about-section/About.jsx b/FrontEnd/src/components/landing-page/about-section/About.jsx
@@ -33,7 +33,7 @@ const MainAboutSection = () => {
             src={`${process.env.REACT_APP_PUBLIC_URL}/img/about.jpeg`}
             alt="about img"
             loading="lazy"
-            title="about img"
+            title="About CarftMerge"
           />
         </div>
       </div>

diff --git a/FrontEnd/src/components/landing-page/banner/Banner.jsx b/FrontEnd/src/components/landing-page/banner/Banner.jsx
@@ -49,25 +49,25 @@ const MainBanner = (props) => {
       <img
         className="main-banner-group__banner-image1"
         src={`${process.env.REACT_APP_PUBLIC_URL}/img/banner-img1.jpeg`}
-        alt="banner img"
+        alt="Banner img"
       />
       <img
         className="main-banner-group__banner-image2"
         src={`${process.env.REACT_APP_PUBLIC_URL}/img/banner-img2.jpeg`}
-        alt="banner img"
+        alt="Banner img"
       />
       <img
         className="main-banner-group__banner-image3"
         src={`${process.env.REACT_APP_PUBLIC_URL}/img/banner-img3.jpeg`}
-        alt="banner img"
+        alt="Banner img"
       />
       <div className="main-banner-wine">
         <div className="main-banner-group__frame">
           <div className="main-banner-wine__winemaking">
             <div className="winemaking">
               <img
                 src={`${process.env.REACT_APP_PUBLIC_URL}/svg/winemaking.svg`}
-                alt="winemaking"
+                alt="Winemaking"
                 width="16"
                 height="18"
               />
@@ -91,7 +91,7 @@ const MainBanner = (props) => {
         <div className="cheese">
           <img
             src={`${process.env.REACT_APP_PUBLIC_URL}/svg/cheese.svg`}
-            alt="cheese"
+            alt="Cheese"
             width="20"
             height="20"
           />
@@ -103,7 +103,7 @@ const MainBanner = (props) => {
             <div className="delivery">
               <img
                 src={`${process.env.REACT_APP_PUBLIC_URL}/svg/delivery.svg`}
-                alt="delivery"
+                alt="Delivery"
                 width="20"
                 height="20"
               />

diff --git a/FrontEnd/src/components/landing-page/partners/Partners.jsx b/FrontEnd/src/components/landing-page/partners/Partners.jsx
@@ -8,12 +8,12 @@ const MainPartners = () => {
         <div className="partners-section__navi-icons">
           <div className="partners-section__navi-icon">
             <div className="partners-section__icon">
-              <img src="/svg/icon-left.svg" alt="" />
+              <img src="/svg/icon-left.svg" alt="Left" />
             </div>
           </div>
           <div className="partners-section__navi-icon">
             <div className="partners-section__icon">
-              <img src="/svg/icon-right.svg" alt="" />
+              <img src="/svg/icon-right.svg" alt="Right" />
             </div>
           </div>
         </div>

diff --git a/.../src/components/terms-and-conditions-app/terms_conditions/TermsAndConditionsComponent.jsx b/.../src/components/terms-and-conditions-app/terms_conditions/TermsAndConditionsComponent.jsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import styles from './TermsAndConditionsComponent.module.css';
 import TermsAndConditionsText from './text';
 import TEXT_CONTENT from './text';