public url env updated

ita-social-projects · Nov 16, 2023 · 9dba1a7 · 9dba1a7
1 parent e85930e
commit 9dba1a7
Show file tree

Hide file tree

Showing 12 changed files with 45 additions and 45 deletions.
diff --git a/FrontEnd/src/components/ProfileDetail/DetailedInfo/DataContacts.jsx b/FrontEnd/src/components/ProfileDetail/DetailedInfo/DataContacts.jsx
@@ -22,12 +22,12 @@ function DataContacts ({ data }) {
             {
                 name: 'facebook',
                 url: '',
-                svgPath: <img src={`${process.env.PUBLIC_URL}/svg/facebook.svg`} />,
+                svgPath: <img src={`${process.env.REACT_APP_PUBLIC_URL}/svg/facebook.svg`} />,
             },
             {
                 name: 'instagram',
                 url: '',
-                svgPath: <img src={`${process.env.PUBLIC_URL}/svg/instagram.svg`} />,
+                svgPath: <img src={`${process.env.REACT_APP_PUBLIC_URL}/svg/instagram.svg`} />,
             },
         ],
         'Співпрацюємо з': ''

diff --git a/...nd/src/components/ProfilePage/FormComponents/DeleteProfileComponent/DeleteProfileModal.js b/...nd/src/components/ProfilePage/FormComponents/DeleteProfileComponent/DeleteProfileModal.js
@@ -50,7 +50,7 @@ const DeleteProfileModal = (props) => {
         <div>
             <div className={css['delete-header']}>Ви впевнені, що хочете видалити профіль?
             <img
-            src={`${process.env.PUBLIC_URL}/profilepage/Vectorcancel.png`}
+            src={`${process.env.REACT_APP_PUBLIC_URL}/profilepage/Vectorcancel.png`}
             className={css['delete__cancelButton']}
             alt=""
             onClick={props.onCancel}/>
@@ -85,9 +85,9 @@ const DeleteProfileModal = (props) => {
                             <img
                             src={typePassword==='password'
                             ?
-                            `${process.env.PUBLIC_URL}/profilepage/hidden_eye_icon.png`
+                            `${process.env.REACT_APP_PUBLIC_URL}/profilepage/hidden_eye_icon.png`
                             :
-                            `${process.env.PUBLIC_URL}/profilepage/eye_icon.png`
+                            `${process.env.REACT_APP_PUBLIC_URL}/profilepage/eye_icon.png`
                             }
                             alt=""
                             className={css['password__eye']}

diff --git a/FrontEnd/src/components/ProfilePage/FormComponents/FormFields/ImageField.js b/FrontEnd/src/components/ProfilePage/FormComponents/FormFields/ImageField.js
@@ -26,11 +26,11 @@ const ImageField = (props) => {
                 {props.value &&
                     <div className={css['upload-file__filename']}>
                         <img
-                        src={`${process.env.PUBLIC_URL}/profilepage/Vector.png`}
+                        src={`${process.env.REACT_APP_PUBLIC_URL}/profilepage/Vector.png`}
                         className={css['upload-file__icon']} alt="" />
                         <div className={css['upload-file__filename--text']}>{props.value}</div>
                         <span className={css['upload-file__filename--trashBin']} onClick={() => (props.onDeleteImage(props.name))}>
-                            <img src={`${process.env.PUBLIC_URL}/profilepage/Vectordelete.png`} alt="" />
+                            <img src={`${process.env.REACT_APP_PUBLIC_URL}/profilepage/Vectordelete.png`} alt="" />
                         </span>
                     </div>
                 }

diff --git a/FrontEnd/src/components/ProfilePage/ProfilePageComponents/Description.js b/FrontEnd/src/components/ProfilePage/ProfilePageComponents/Description.js
@@ -12,7 +12,7 @@ const Description = (props) => {
         <div className={css['description__section']}>
             <img
                 className={css['description__avatar']}
-                src={`${process.env.PUBLIC_URL}/profilepage/initialCompanyLogo.png`}
+                src={`${process.env.REACT_APP_PUBLIC_URL}/profilepage/initialCompanyLogo.png`}
                 alt=""
             />
             <div className={css['description__content']}>

diff --git a/FrontEnd/src/components/SearchPage/search_field/companies/CompanyCard.js b/FrontEnd/src/components/SearchPage/search_field/companies/CompanyCard.js
@@ -122,7 +122,7 @@ const CompanyCard = ({ companyData, isAuthorized }) => {
         <div className={styles['company-card__image-frame']}>
           <img
             className={styles['company-card__image']}
-            src={`${process.env.PUBLIC_URL}/companies-logos/defaultcompanybanner.png`}
+            src={`${process.env.REACT_APP_PUBLIC_URL}/companies-logos/defaultcompanybanner.png`}
             alt={companyData.name}
           />
         </div>
@@ -163,7 +163,7 @@ const CompanyCard = ({ companyData, isAuthorized }) => {
         <div className={styles['company-card__logo-ellipse']}>
           <img
             className={styles['company-card__logo-image']}
-            src={`${process.env.PUBLIC_URL}/companies-logos/1.png`}
+            src={`${process.env.REACT_APP_PUBLIC_URL}/companies-logos/1.png`}
             alt=""
           />
         </div>

diff --git a/FrontEnd/src/components/landing-page/about-section/About.js b/FrontEnd/src/components/landing-page/about-section/About.js
@@ -16,7 +16,7 @@ const MainAboutSection = () => {
               <div className="about-us-section-content__smart-text">Це перший форум Західної України, цілями якого є популяризація українського виробника та представлення стартапів для розвитку галузі «Smart Craft&Food»</div>
               <div className="about-us-section-content__smart-text">Це перший форум Західної України, цілями якого є популяризація українського виробника та представлення стартапів для розвитку галузі «Smart Craft&Food»</div>
             </div>
-            <img className="about-us-section-content__image" src={`${process.env.PUBLIC_URL}/img/about.jpeg`} alt=""/>
+            <img className="about-us-section-content__image" src={`${process.env.REACT_APP_PUBLIC_URL}/img/about.jpeg`} alt=""/>
           </div></div>
         </div>
     );

diff --git a/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.js b/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.js
@@ -8,8 +8,8 @@ const AboutSectionCards = () => {
           <div className="about-us-cards-section__first-card">
             <div className="about-us-cards-section__cards-content">
               <div className="about-us-cards-section__cards-logo">
-                <img className="about-us-cards-section__cards-logo__intersect" src={`${process.env.PUBLIC_URL}/svg/intersect.svg`} alt=""/>
-                <img className="about-us-cards-section__cards-logo__expert" src={`${process.env.PUBLIC_URL}/svg/expert.svg`} alt=""/>
+                <img className="about-us-cards-section__cards-logo__intersect" src={`${process.env.REACT_APP_PUBLIC_URL}/svg/intersect.svg`} alt=""/>
+                <img className="about-us-cards-section__cards-logo__expert" src={`${process.env.REACT_APP_PUBLIC_URL}/svg/expert.svg`} alt=""/>
               </div>
               <div className="about-us-cards-section__cards-content__text-header">ЕКСПЕРТНІСТЬ</div>
               <div className="about-us-cards-section__cards-content__text">Спілкування з провідними експертами і практиками ексклюзивна.</div>
@@ -18,8 +18,8 @@ const AboutSectionCards = () => {
           <div className="about-us-cards-section__next-card">
             <div className="about-us-cards-section__cards-content">
               <div className="about-us-cards-section__cards-logo">
-                <img className="about-us-cards-section__cards-logo__intersect" src={`${process.env.PUBLIC_URL}/svg/intersect.svg`} alt=""/>
-                <img className="about-us-cards-section__cards-logo__expert" src={`${process.env.PUBLIC_URL}/svg/info.svg`} alt=""/>
+                <img className="about-us-cards-section__cards-logo__intersect" src={`${process.env.REACT_APP_PUBLIC_URL}/svg/intersect.svg`} alt=""/>
+                <img className="about-us-cards-section__cards-logo__expert" src={`${process.env.REACT_APP_PUBLIC_URL}/svg/info.svg`} alt=""/>
               </div>
               <div className="about-us-cards-section__cards-content__text-header">ПРАКТИЧНІСТЬ</div>
               <div className="about-us-cards-section__cards-content__text">Практична інформація від представників галузей.</div>
@@ -28,8 +28,8 @@ const AboutSectionCards = () => {
           <div className="about-us-cards-section__next-card">
             <div className="about-us-cards-section__cards-content">
               <div className="about-us-cards-section__cards-logo">
-                <img className="about-us-cards-section__cards-logo__intersect" src={`${process.env.PUBLIC_URL}/svg/intersect.svg`} alt=""/>
-                <img className="about-us-cards-section__cards-logo__expert" src={`${process.env.PUBLIC_URL}/svg/contacts.svg`} alt=""/>
+                <img className="about-us-cards-section__cards-logo__intersect" src={`${process.env.REACT_APP_PUBLIC_URL}/svg/intersect.svg`} alt=""/>
+                <img className="about-us-cards-section__cards-logo__expert" src={`${process.env.REACT_APP_PUBLIC_URL}/svg/contacts.svg`} alt=""/>
               </div>
               <div className="about-us-cards-section__cards-content__text-header">НОВІ КОНТАКТИ</div>
               <div className="about-us-cards-section__cards-content__text">Нові ділові контакти та переговори презентація Вашого бренду, компанії, рішень і послуг.</div>
@@ -38,8 +38,8 @@ const AboutSectionCards = () => {
           <div className="about-us-cards-section__next-card">
             <div className="about-us-cards-section__cards-content">
               <div className="about-us-cards-section__cards-logo">
-                <img className="about-us-cards-section__cards-logo__intersect" src={`${process.env.PUBLIC_URL}/svg/intersect.svg`} alt=""/>
-                <img className="about-us-cards-section__cards-logo__expert" src={`${process.env.PUBLIC_URL}/svg/exchange.svg`} alt=""/>
+                <img className="about-us-cards-section__cards-logo__intersect" src={`${process.env.REACT_APP_PUBLIC_URL}/svg/intersect.svg`} alt=""/>
+                <img className="about-us-cards-section__cards-logo__expert" src={`${process.env.REACT_APP_PUBLIC_URL}/svg/exchange.svg`} alt=""/>
               </div>
               <div className="about-us-cards-section__cards-content__text-header">ОБМІН</div>
               <div className="about-us-cards-section__cards-content__text">Обмін практичними напрацюваннями та досвідом.</div>

diff --git a/FrontEnd/src/components/landing-page/banner/Banner.js b/FrontEnd/src/components/landing-page/banner/Banner.js
@@ -43,14 +43,14 @@ const MainBanner = (props) => {
                 <Ellipses type="white" count={7} />
                 <Ellipses type="white" count={7} />
             </div>
-            <img className="main-banner-group__banner-image1" src={`${process.env.PUBLIC_URL}/img/banner-img1.jpeg`} alt=""/>
-            <img className="main-banner-group__banner-image2" src={`${process.env.PUBLIC_URL}/img/banner-img2.jpeg`} alt=""/>
-            <img className="main-banner-group__banner-image3" src={`${process.env.PUBLIC_URL}/img/banner-img3.jpeg`} alt=""/>
+            <img className="main-banner-group__banner-image1" src={`${process.env.REACT_APP_PUBLIC_URL}/img/banner-img1.jpeg`} alt=""/>
+            <img className="main-banner-group__banner-image2" src={`${process.env.REACT_APP_PUBLIC_URL}/img/banner-img2.jpeg`} alt=""/>
+            <img className="main-banner-group__banner-image3" src={`${process.env.REACT_APP_PUBLIC_URL}/img/banner-img3.jpeg`} alt=""/>
           <div className="main-banner-wine">
             <div className="main-banner-group__frame">
               <div className="main-banner-wine__winemaking">
                 <div className="winemaking">
-                    <img src={`${process.env.PUBLIC_URL}/svg/winemaking.svg`} alt=""/>
+                    <img src={`${process.env.REACT_APP_PUBLIC_URL}/svg/winemaking.svg`} alt=""/>
                 </div>
               </div>
               <div className="main-banner-group__content">
@@ -67,14 +67,14 @@ const MainBanner = (props) => {
           </div>
           <div className="main-banner-cheese__cheese">
               <div className="cheese">
-                <img src={`${process.env.PUBLIC_URL}/svg/cheese.svg`} alt=""/>
+                <img src={`${process.env.REACT_APP_PUBLIC_URL}/svg/cheese.svg`} alt=""/>
               </div>
           </div>
           <div className="main-banner-delivery">
             <div className="main-banner-group__frame">
               <div className="main-banner-delivery__delivery">
                 <div className="delivery">
-                  <img src={`${process.env.PUBLIC_URL}/svg/delivery.svg`} alt=""/>
+                  <img src={`${process.env.REACT_APP_PUBLIC_URL}/svg/delivery.svg`} alt=""/>
                 </div>
               </div>
               <div className="main-banner-group__content">

diff --git a/FrontEnd/src/components/landing-page/companies/Companies.js b/FrontEnd/src/components/landing-page/companies/Companies.js
@@ -9,24 +9,24 @@ const MainCompanies = () => {
             name: '«Ace&W by Stakhovsky»',
             address: 'Київ, Київська обл, Закарпатська обл.',
             badges: ['15 років досвіду', 'експорт', 'мін. опт'],
-            logoSrc: `${process.env.PUBLIC_URL}/companies-logos/1.png`,
-            photoSrc: `${process.env.PUBLIC_URL}/companies-images/1.jpeg`
+            logoSrc: `${process.env.REACT_APP_PUBLIC_URL}/companies-logos/1.png`,
+            photoSrc: `${process.env.REACT_APP_PUBLIC_URL}/companies-images/1.jpeg`
         },
         {
             category: 'Імпортер',
             name: 'Regno',
             address: 'Київ',
             badges: ['13 років досвіду', 'імпорт', 'великий опт'],
-            logoSrc: `${process.env.PUBLIC_URL}/companies-logos/2.png`,
-            photoSrc: `${process.env.PUBLIC_URL}/companies-images/2.jpeg`
+            logoSrc: `${process.env.REACT_APP_PUBLIC_URL}/companies-logos/2.png`,
+            photoSrc: `${process.env.REACT_APP_PUBLIC_URL}/companies-images/2.jpeg`
         },
                 {
             category: 'Сироварня',
             name: 'Мукко',
             address: 'Львів, Львівська обл',
             badges: ['5 років досвіду', 'сімейне виробництво'],
-            logoSrc: `${process.env.PUBLIC_URL}/companies-logos/33.jpeg`,
-            photoSrc: `${process.env.PUBLIC_URL}/companies-images/3.jpeg`
+            logoSrc: `${process.env.REACT_APP_PUBLIC_URL}/companies-logos/33.jpeg`,
+            photoSrc: `${process.env.REACT_APP_PUBLIC_URL}/companies-images/3.jpeg`
         },
     ];
     const companyDataListSecond = [
@@ -35,24 +35,24 @@ const MainCompanies = () => {
             name: 'АСОЦІАЦІЯ РІТЕЙЛЕРІВ УКРАЇНИ',
             address: 'Київ, Київська обл, Закарпатська обл.',
             badges: ['15 років досвіду'],
-            logoSrc: `${process.env.PUBLIC_URL}/companies-logos/44.jpeg`,
-            photoSrc: `${process.env.PUBLIC_URL}/companies-images/4.jpeg`
+            logoSrc: `${process.env.REACT_APP_PUBLIC_URL}/companies-logos/44.jpeg`,
+            photoSrc: `${process.env.REACT_APP_PUBLIC_URL}/companies-images/4.jpeg`
         },
         {
             category: 'Виробник',
             name: 'МХП',
             address: 'Київ, Київська обл',
             badges: ['15 років досвіду'],
-            logoSrc: `${process.env.PUBLIC_URL}/companies-logos/5.jpeg`,
-            photoSrc: `${process.env.PUBLIC_URL}/companies-images/5.jpeg`
+            logoSrc: `${process.env.REACT_APP_PUBLIC_URL}/companies-logos/5.jpeg`,
+            photoSrc: `${process.env.REACT_APP_PUBLIC_URL}/companies-images/5.jpeg`
         },
                 {
             category: 'Роздрібна торгівля',
             name: 'Сільпо',
             address: 'Київ, Київська обл',
             badges: ['9 років досвіду'],
-            logoSrc: `${process.env.PUBLIC_URL}/companies-logos/66.png`,
-            photoSrc: `${process.env.PUBLIC_URL}/companies-images/6.jpeg`
+            logoSrc: `${process.env.REACT_APP_PUBLIC_URL}/companies-logos/66.png`,
+            photoSrc: `${process.env.REACT_APP_PUBLIC_URL}/companies-images/6.jpeg`
         },
     ];
 

diff --git a/FrontEnd/src/components/landing-page/login-banner/LoginBanner.js b/FrontEnd/src/components/landing-page/login-banner/LoginBanner.js
@@ -9,7 +9,7 @@ const MainLoginBanner = () => {
             <div className="login-banner-group__rectangle"/>
             <div className="login-banner-group__content">
                 <div className="login-banner-group__content__rectangle"/>
-                <img className="login-banner-group__image" src={`${process.env.PUBLIC_URL}/img/lb-img.jpeg`} alt=""/>
+                <img className="login-banner-group__image" src={`${process.env.REACT_APP_PUBLIC_URL}/img/lb-img.jpeg`} alt=""/>
                 <div className="login-banner-group__content__login-rectangle"/>
                 <div className="login-banner-group__content__ellipses">
                     <Ellipses type="white" count={3} />

diff --git a/FrontEnd/src/components/landing-page/partners/Partners.js b/FrontEnd/src/components/landing-page/partners/Partners.js
@@ -19,12 +19,12 @@ const MainPartners = () => {
               </div>
           </div>
             <div className="partners-section__images">
-                <img className="partners-section__image1" src={`${process.env.PUBLIC_URL}/partners-images/1.jpeg`} alt=""/>
-                <img className="partners-section__image2" src={`${process.env.PUBLIC_URL}/partners-images/2.png`} alt=""/>
-                <img className="partners-section__image3" src={`${process.env.PUBLIC_URL}/partners-images/3.jpeg`} alt=""/>
-                <img className="partners-section__image4" src={`${process.env.PUBLIC_URL}/partners-images/4.jpeg`} alt=""/>
-                <img className="partners-section__image5" src={`${process.env.PUBLIC_URL}/partners-images/5.png`} alt=""/>
-                <img className="partners-section__image6" src={`${process.env.PUBLIC_URL}/partners-images/6.jpeg`} alt=""/>
+                <img className="partners-section__image1" src={`${process.env.REACT_APP_PUBLIC_URL}/partners-images/1.jpeg`} alt=""/>
+                <img className="partners-section__image2" src={`${process.env.REACT_APP_PUBLIC_URL}/partners-images/2.png`} alt=""/>
+                <img className="partners-section__image3" src={`${process.env.REACT_APP_PUBLIC_URL}/partners-images/3.jpeg`} alt=""/>
+                <img className="partners-section__image4" src={`${process.env.REACT_APP_PUBLIC_URL}/partners-images/4.jpeg`} alt=""/>
+                <img className="partners-section__image5" src={`${process.env.REACT_APP_PUBLIC_URL}/partners-images/5.png`} alt=""/>
+                <img className="partners-section__image6" src={`${process.env.REACT_APP_PUBLIC_URL}/partners-images/6.jpeg`} alt=""/>
             </div>
         </div>
     );

diff --git a/FrontEnd/src/components/profileList/ProfileCard.jsx b/FrontEnd/src/components/profileList/ProfileCard.jsx
@@ -109,7 +109,7 @@ export default function ProfileCard({ isAuthorized, data }) {
         <div className={css['logo-box']}>
           <img
             className={css.logo}
-            src={`${process.env.PUBLIC_URL}/companies-logos/1.png`}
+            src={`${process.env.REACT_APP_PUBLIC_URL}/companies-logos/1.png`}
             alt=""
           />
         </div>