Merge pull request #898 from ita-social-projects/develop

Develop

public/index.html

@@ -33,13 +33,15 @@
             referrerpolicy="origin"></script>
 
       <!-- Google tag (gtag.js) -->
-      <script async src="https://www.googletagmanager.com/gtag/js?id=G-21M7SD8FGL"></script>
+
+      <script async src="https://www.googletagmanager.com/gtag/js?id=G-EBJQX1FFF0"></script>
       <script>
             window.dataLayer = window.dataLayer || [];
             function gtag() { dataLayer.push(arguments); }
             gtag('js', new Date());
 
-            gtag('config', 'G-21M7SD8FGL');
+
+            gtag('config', 'G-EBJQX1FFF0');
       </script>
 </head>
 

src/app/common/components/ContactForm/ContactForm.component.tsx

@@ -94,7 +94,7 @@ const ContactForm = ({ customClass = "" }) => {
                     <Input
                         className="input"
                         name="email"
-                        placeholder="Твій e—mail"
+                        placeholder="Твій e-mail"
                         onChange={handleChange}
                     />
                 </Form.Item>

src/app/common/components/modals/Partners/PartnersModal.component.tsx

@@ -122,7 +122,7 @@ const PartnersModal = () => {
                             <Input
                                 className="input"
                                 name="email"
-                                placeholder="Твій e—mail"
+                                placeholder="Твій e-mail"
                                 onChange={handleChange}
                             />
                         </Form.Item>

src/app/common/components/modals/Survey/SurveyModal.component.tsx

@@ -31,13 +31,9 @@ const SurveyModal = () => {
         >
             <div className="surveyModalContent">
                 <h1>Привіт, стріткодере/ко!</h1>
-                <br />
-                <h3>Цей сайт для тебе. Створений і наповнений з любов'ю, з історією та про історію. Наразі він працює в тестовому режимі. So, we need your help 😊</h3>
-                <br />
-                <h3>Пройди, будь ласка, коротеньке опитування, вкажи нам про всі зручності/незручності, баги/спотикачки і що ще тобі муляє. Це допоможе нам зробити сайт максимально user-friendly!</h3>
-                <br />
-                <h3>Зазнач в опитуванні електронну пошту, і ми подякуємо тобі креативним стікерпаком для сториз!</h3>
-                <br />
+                <h3 className="surveyModalParagraph1">Цей сайт для тебе. Створений і наповнений з любов'ю, з історією та про історію. Наразі він працює в тестовому режимі. So, we need your help 😊</h3>
+                <h3 className="surveyModalParagraph2">Пройди, будь ласка, коротеньке опитування, вкажи нам про всі зручності/незручності, баги/спотикачки і що ще тобі муляє. Це допоможе нам зробити сайт максимально user-friendly!</h3>
+                <h3 className="surveyModalParagraph3">Зазнач в опитуванні електронну пошту, і ми подякуємо тобі креативним стікерпаком для сториз!</h3>
                 <Button className="surveyModalBtnContainer" onClick={() => open(SURVEY_LINK)}>
                     <a>Пройти опитування</a>
                 </Button>

src/app/common/components/modals/Survey/SurveyModal.styles.scss

@@ -6,8 +6,8 @@
 $StbgImg: '@assets/images/donates/bgStrLogo.webp';
 
 .surveyModal {
-  width: f.pxToRem(832px) !important;
-  height: f.pxToRem(414px);
+  width: f.pxToRem(748px) !important;
+  height: f.pxToRem(346px);
 
   display: flex;
   justify-content: center;
@@ -16,18 +16,17 @@ $StbgImg: '@assets/images/donates/bgStrLogo.webp';
   &.ant-modal {
     .ant-modal-content {
       height: inherit;
-      @include mut.flex-centered($direction: column);
+
       @include mut.full-rounded(30px, $overflow: visible);
 
-      @include mut.bg-image($StbgImg, 18%, no-repeat);
-      background-position: center;
-      padding: 0 !important;
+      @include mut.bg-image($StbgImg, f.pxToRem(128px), no-repeat);
+      background-position: left f.pxToRem(310px) top f.pxToRem(100px);
+      padding: f.pxToRem(40px) f.pxToRem(20px) !important;
       box-shadow: 0 7px 11px 2px rgba(0, 0, 0, 0.25);
     }
 
     .ant-modal-close {
-
-      @include mut.positioned-as(absolute, $left: 94%, $top: -27px);
+      @include mut.positioned-as(absolute, $left: 690px, $top: -25px);
       @include mut.circular(80px, c.$pure-white-color);
       box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
 
@@ -43,116 +42,122 @@ $StbgImg: '@assets/images/donates/bgStrLogo.webp';
     }
   }
 
+  .surveyModalContent {
+    @include mut.flex-centered($direction: column, $gap: 20px);
+    text-align: center;
+    line-height: normal;
 
-.surveyModalContent {
-  @include mut.flex-centered($direction: column);
-  @include mut.rem-margined(80px, 20px, 40px, 20px);
-  text-align: center;
+    >h1 {
+      color: c.$pure-black-color;
+      height: f.pxToRem(26px);
+      @include mut.with-font(ft.$closer-text-font, $font-size: 20px, $font-weight: 500);
+    }
 
-  > h1 {
-    color: c.$pure-black-color;
-    @include mut.with-font(ft.$closer-text-font, $font-size: 25px, $font-weight: 500);
-  }
+    >h3 {
+      height: f.pxToRem(38px);
+      @include mut.with-font(ft.$roboto-font, $font-size: 16px, $font-weight: 300);
+    }
 
-  > h3 {
-    @include mut.with-font(ft.$roboto-font, $font-size: 16px, $font-weight: 300);
-  }
+    .surveyModalParagraph3 {
+      width: f.pxToRem(552px);
+    }
 
+    .surveyModalBtnContainer {
+      @include mut.sized(180px, 46px);
+      @include mut.full-rounded(10px);
+      background-color: c.$accented-red-color;
+      border: 0;
 
-  .surveyModalBtnContainer {
-    @include mut.sized(220px, 55px);
-    @include mut.rem-margined(16px, 0, 15px, 15px);
-    @include mut.full-rounded(14px);
-    background-color: c.$accented-red-color;
-    a {
-      @include mut.with-font($font-weight: 400);
-      border-width: 3px;
-      border-color: c.$pure-white-color;
-      color: c.$pure-white-color;
-    }
-    &:hover {
-      box-shadow: 0px 4px 4px rgba(219, 52, 36, 0.1);
-      border-color: c.$accented-red-color;
+      a {
+        @include mut.with-font($font-size: 14px, $font-weight: 500);
+        border-width: 3px;
+        border-color: c.$pure-white-color;
+        color: c.$pure-white-color;
+      }
+
+      &:hover {
+        box-shadow: 0px 4px 4px rgba(219, 52, 36, 0.1);
+        border-color: c.$accented-red-color;
+      }
     }
   }
 }
-}
 
 @media screen and (max-width: 1024px) {
   .surveyModal {
-    @include mut.sizedImportant(90%, 498px);
-    display: flex;
-    justify-content: center;
-
     &.ant-modal {
-
+      .ant-modal-content {
+        background-position: center;
+      }
 
       .ant-modal-close {
         @include mut.sizedImportant(60px, 60px);
+        @include mut.positioned-as(absolute, $left: 93.5%, $top: -25px);
         @include mut.circular(65px, c.$pure-white-color);
 
-        .ant-modal-close-x svg{
+        .ant-modal-close-x svg {
           transform: scale(0.9);
         }
       }
     }
+  }
+}
 
-    .surveyModalContent {
-      padding-bottom: 0%;
-      > h1 {
-        color: c.$pure-black-color;
-        @include mut.with-font(ft.$closer-text-font, $font-size: 25px, $font-weight: 500);
-      }
+@media screen and (max-width: 767px) {
+  .surveyModal {
+    height: auto;
 
-      > h3 {
-        @include mut.with-font(ft.$roboto-font, $font-size: 14px, $font-weight: 300);
-      }
+    .surveyModalContent {
+      >h3 {
+        height: auto;
       }
 
-      .surveyModalBtnContainer {
-        @include mut.sized(100%, 46px);
-
+      .surveyModalParagraph3 {
+        width: auto;
       }
     }
   }
-
+}
 
 @media screen and (max-width: 480px) {
   .surveyModal {
-    @include mut.sized(308px, 498px);
+    @include mut.sizedImportant(340px, 498px);
+    max-width: f.pxToRem(340px);
+
     &.ant-modal {
       .ant-modal-content {
         @include mut.bg-image($StbgImg, 35%, no-repeat);
+        background-position: left f.pxToRem(102px) top f.pxToRem(171px);
       }
 
       .ant-modal-close {
-        @include mut.positioned-as($position: absolute, $left: 92.36%, $top: -13px);
+        @include mut.positioned-as($position: absolute, $left: 309px, $top: -15px);
         @include mut.sizedImportant(40px, 40px);
         @include mut.circular(65px, c.$pure-white-color);
 
-        .ant-modal-close-x svg{
+        .ant-modal-close-x svg {
           transform: scale(0.6);
         }
       }
     }
 
-  .surveyModalContent {
-    padding-bottom: 0%;
-    > h1 {
-      color: c.$pure-black-color;
-      @include mut.with-font(ft.$closer-text-font, $font-size: 20px, $font-weight: 500);
-    }
+    .surveyModalContent {
+      >h3 {
+        width: 97%;
+      }
 
-    > h3 {
-      @include mut.with-font(ft.$roboto-font, $font-size: 14px, $font-weight: 300);
-    }
-    }
-    .surveyModalBtnContainer {
-      @include mut.sized(200px, 46px);
-      a {
-        @include mut.with-font($font-size: 16px, $font-weight: 400);
+      .surveyModalParagraph1 {
+        height: f.pxToRem(95px);
       }
 
+      .surveyModalParagraph2 {
+        height: f.pxToRem(114px);
+      }
+
+      .surveyModalParagraph3 {
+        height: f.pxToRem(57px);
+        width: 97%;
+      }
     }
   }
 }

src/app/common/components/modals/Terms/AddTerm/AddTermModal.component.tsx

@@ -42,7 +42,7 @@ const AddTermModal = ({ handleAdd, term, setTerm } : Props) => {
     const handleOk= async () =>{
         try {
             form.submit();
-            message.success("Партнера успішно додано!", 2)
+            message.success("термін успішно додано!", 2)
         } catch (error) {
             message.config({
                 top: 100,

src/app/stores/news-store.ts

@@ -77,6 +77,14 @@ export default class NewsStore {
         }
     };
 
+    public fetchNewsAllSortedByCreationDate = async () => {
+        try {
+            this.setInternalMap(await newsApi.getAllSortedNews());
+        } catch (error: unknown) {
+            console.log(error);
+        }
+    };
+
     public createNews = async (news: News) => {
         try {
             await newsApi.create(news).then((created) => this.setItem(created));