changed стріткод to historycode

public/index.html

@@ -6,17 +6,18 @@
       <meta charset="utf-8" />
       <meta name="robots" content="noindex" />
       <link rel="icon" href="favicon.ico" />
-      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
+      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
       <meta name="theme-color" content="#000000" />
-      <meta property='og:title' content="«Стріткод: історія на кожному кроці» — платформа про імена в назвах вулиць." />
+      <meta property='og:title'
+            content="«Historycode: історія на кожному кроці» — платформа про імена в назвах вулиць." />
       <meta property='og:description' content="" />
-      <meta name="twitter:card" content="«Стріткод: історія на кожному кроці»" />
+      <meta name="twitter:card" content="«Historycode: історія на кожному кроці»" />
       <meta property="og:image" content='https://ita-social-projects.github.io/StreetCode_Client/public/banner.webp' />
       <meta property="og:image:width" content="3202" />
       <meta property="og:image:height" content="1472" />
       <!-- Google Tag Manager -->
       <script>(function (w, d, s, l, i) {
-            w[l] = w[l] || []; w[l].push({
+                  w[l] = w[l] || []; w[l].push({
                         'gtm.start':
                               new Date().getTime(), event: 'gtm.js'
                   }); var f = d.getElementsByTagName(s)[0],
@@ -25,7 +26,7 @@
             })(window, document, 'script', 'dataLayer', 'GTM-T9ZHBQ5T');</script>
       <!-- End Google Tag Manager -->
       <link rel="manifest" href="/manifest.json" />
-      <title>Стріткод | Історія на кожному кроці</title>
+      <title>Historycode | Історія на кожному кроці</title>
       <!--Slick-Slider cdn dependencies-->
       <link rel="stylesheet" type="text/css" charset="UTF-8"
             href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" />
@@ -36,13 +37,13 @@
 
       <script>
             function loadScript(scriptPath, callback) {
-                  var script= document.createElement('script');
+                  var script = document.createElement('script');
                   script.setAttribute('src', scriptPath);
                   script.onload = callback();
                   document.head.appendChild(s);
             };
 
-            loadScript("https://www.googletagmanager.com/gtag/js?id=" + window._env_.REACT_APP_GOOGLE_ANALYTICS, function() {
+            loadScript("https://www.googletagmanager.com/gtag/js?id=" + window._env_.REACT_APP_GOOGLE_ANALYTICS, function () {
                   window.dataLayer = window.dataLayer || [];
                   function gtag() { dataLayer.push(arguments); }
                   gtag('js', new Date());
@@ -62,4 +63,4 @@
       <div id="root"></div>
 </body>
 
-</html>
+</html>

src/app/common/components/modals/MapStatisticsModal/StatisticsModal.component.tsx

@@ -34,7 +34,7 @@ const StatisticsModal = () => {
     const handleModalClose = () => {
         statistics.isOpen = false;
     };
-    const [headingText, setHeadingText] = useState('цього стріткоду');
+    const [headingText, setHeadingText] = useState('цього history-коду');
     useEffect(() => {
         const updateHeadingText = () => {
             const headingElement = document.querySelector('h2.streetcodeTitle');

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

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

src/app/layout/app/App.component.tsx

@@ -19,7 +19,7 @@ import Footer from '../footer/Footer.component';
 
 ReactGA.initialize('G-2RHY04JKG0');
 
-const CopyrightText = `Джерело: «Стріткод: історія на кожному кроці» ${window.location.origin}`;
+const CopyrightText = `Джерело: «Historycode: історія на кожному кроці» ${window.location.origin}`;
 
 const App = () => {
     const { pathname } = useLocation();

src/app/layout/footer/Footer.component.tsx

@@ -42,7 +42,7 @@ const Footer = () => {
                     <div className="usefulLinksColumnContainer">
                         <ul className="usefulLinksColumn">
                             <li><Link to={FRONTEND_ROUTES.BASE}>Головна</Link></li>
-                            <li><Link to={FRONTEND_ROUTES.OTHER_PAGES.CATALOG}>Стріткоди</Link></li>
+                            <li><Link to={FRONTEND_ROUTES.OTHER_PAGES.CATALOG}>History-коди</Link></li>
                             <li><Link to={FRONTEND_ROUTES.OTHER_PAGES.ABOUT_US}>Про нас</Link></li>
                             <li><Link to={FRONTEND_ROUTES.OTHER_PAGES.CONTACT_US}>Контакти</Link></li>
                         </ul>

src/app/layout/header/HeaderDrawer/HeaderDrawer.component.tsx

@@ -134,7 +134,7 @@ const HeaderDrawer = () => {
                             <HeaderDrawerItem
                                 id={MENU_ID.CATALOG}
                                 parentActive={active}
-                                text="Стріткоди"
+                                text="History-коди"
                                 link={FRONTEND_ROUTES.OTHER_PAGES.CATALOG}
                                 toggleState={toggle}
                             />

src/app/layout/header/HeaderDrawer/HeaderDrawer.styles.scss

@@ -4,7 +4,7 @@
 @use "@sass/mixins/_utils.mixins.scss" as mut;
 @use "@sass/mixins/_vendor.mixins.scss" as vnd;
 
-.ant-drawer .ant-drawer-body{
+.ant-drawer .ant-drawer-body {
   padding-top: 0;
   padding-bottom: f.pxToRem(33px);
 }
@@ -15,7 +15,7 @@
 
 .grid-container {
   display: grid;
-  grid-template-columns: 2% 98%;
+  grid-template-columns: 0% 100%;
   position: absolute;
   left: 20%;
   height: 100vh;
@@ -40,7 +40,7 @@ $track-width: f.pxToRem(1.5px);
 .thumb {
   cursor: default;
   position: absolute;
-  transform: translateX(calc(-50% + $track-width / 2)); 
+  transform: translateX(calc(-50% + $track-width / 2));
   z-index: 100;
   background: c.$dark-red-color;
   border: f.pxToRem(6px) solid c.$dark-red-color;
@@ -49,16 +49,18 @@ $track-width: f.pxToRem(1.5px);
   transition-duration: 0.5s;
 }
 
-.drawerContainer{
+.drawerContainer {
   height: fit-content;
 }
 
-.ant-drawer .ant-drawer-header{
+.ant-drawer .ant-drawer-header {
   padding: f.pxToRem(20px) f.pxToRem(15px);
   border: 0;
-  .ant-drawer-header-title{
+
+  .ant-drawer-header-title {
     padding: 0;
   }
+
   .ant-drawer-close {
     padding: 0;
   }
@@ -70,11 +72,13 @@ $track-width: f.pxToRem(1.5px);
 }
 
 .headerDrawerContainer {
-  #active{
+  #active {
     color: c.$dark-red-color;
   }
+
   @include mut.flexed(column, $align-items: flex-start, $gap: 39px);
   margin-left: f.pxToRem(40px);
+
   * {
     @include mut.with-font(ft.$closer-text-font);
     line-height: f.pxToEm(26px);
@@ -85,47 +89,55 @@ $track-width: f.pxToRem(1.5px);
   .headerDrawerContainer {
     @include mut.flexed(column, $align-items: flex-start, $gap: 20px);
     margin-left: f.pxToRem(40px);
+
     * {
       @include mut.with-font(ft.$closer-text-font, $font-size: 16px);
       line-height: f.pxToEm(22px);
     }
   }
+
   .grid-container {
     display: grid;
     grid-template-columns: 1% 99%;
     position: absolute;
     left: 15%;
     max-height: 100vh;
   }
+
   .socialIconHeaderContainer {
     position: absolute;
     top: 24rem;
     padding-left: f.pxToRem(7px);
     @include mut.with-font($font-weight: 300, $font-size: 16px);
-    > * {
+
+    >* {
       display: inline;
       margin-top: pxToRem(40px);
       margin-right: pxToRem(14.62px);
       padding-right: 0.7rem;
     }
   }
+
   .customSlider {
     top: f.pxToRem(5px);
     max-height: f.pxToRem(322px);
   }
-  .ant-drawer-content-wrapper{
+
+  .ant-drawer-content-wrapper {
     border-radius: 0 0 0 f.pxToRem(50px);
     height: f.pxToRem(525px);
   }
+
   .ant-drawer-content {
     border-radius: 0 0 0 f.pxToRem(50px);
     height: f.pxToRem(525px);
   }
+
   .thumb {
     background: c.$dark-red-color;
     border: f.pxToRem(5px) solid c.$dark-red-color;
     display: block;
     transition: all;
     transition-duration: 0.5s;
   }
-}
+}

src/app/layout/header/SearchBlock/SearchResultItem/SearchItem.component.tsx

@@ -16,7 +16,7 @@ const SearchResultItem = ({ searchResultItem, onClick } : Props) => {
     }${searchResultItem.timelineItemId !== 0 ? (`?timelineItemId=${searchResultItem.timelineItemId}`) : ('')
     }${searchResultItem.blockName ? (`#${searchResultItem.blockName}`) : ('')}`;
 
-    const sourceName = `Стріткод #${searchResultItem.streetcodeIndex.toString().padStart(4, '0')
+    const sourceName = `History-код #${searchResultItem.streetcodeIndex.toString().padStart(4, '0')
     }${searchResultItem.sourceName ? `/${searchResultItem.sourceName}` : ''}`;
 
     const contentToDisplay = searchResultItem.content ? htmlToText(searchResultItem.content) : '';

src/features/AboutUsPage/AboutUsHeaderText/AboutUsHeaderText.component.tsx

@@ -9,7 +9,7 @@ const AboutUsHeaderText = () => (
                 Привіт! Ми — ГО
                 {' '}
                 <label className="redText">«Історична Платформа»</label>
-, що разом із командою досвідчених креаторів, провідних істориків та потужних партнерів створює «Стріткод» — найбільшу платформу про історію України, вбудовану в простори міст.
+, що разом із командою досвідчених креаторів, провідних істориків та потужних партнерів створює «Historycode» — найбільшу платформу про історію України, вбудовану в простори міст.
             </div>
 
             <div className="headerList">

src/features/AboutUsPage/AboutUsPage.component.tsx

@@ -32,8 +32,8 @@ const AboutUsPage = () => {
     return (
         <div className="aboutUsPageContainer">
             <Helmet>
-                <title>Про нас | Streetcode</title>
-                <meta name="description" content="Дізнайтеся більше про «Стріткод», нашу місію, цінності та команду." />
+                <title>Про нас | Historycode</title>
+                <meta name="description" content="Дізнайтеся більше про «Historycode», нашу місію, цінності та команду." />
             </Helmet>
             <div className="contentContainer">
                 <AboutUsHeaderText />

src/features/AboutUsPage/Founders/Founders.component.tsx

@@ -18,7 +18,7 @@ const FounderInna: FounderProps = {
     founderImage: Inna,
     founderInstagram: 'https://www.instagram.com/krupnyk_inna/',
     founderFacebook: 'https://www.facebook.com/krupnyk.inna',
-    founderText: '«На участь, до того ж найактивнішу, в проєкті «Стріткод: історія на кожному кроці» мене надихає розуміння того, наскільки українське суспільство та нація проапгрейдили власне розуміння себе та своєї історії за останні роки, наскільки відкриті вони до вивчення історії та спростування історичних міфів, наскільки хочуть бачити цю історію близькою до себе, пережитою та бути дотичною до неї. Це все наштовхує на необхідність важливих історичних проєктів, як просвітницьких, так і розважальних. Для широких верств та найширшого залучення в історію. Занурюймося!»',
+    founderText: '«На участь, до того ж найактивнішу, в проєкті «Historycode: історія на кожному кроці» мене надихає розуміння того, наскільки українське суспільство та нація проапгрейдили власне розуміння себе та своєї історії за останні роки, наскільки відкриті вони до вивчення історії та спростування історичних міфів, наскільки хочуть бачити цю історію близькою до себе, пережитою та бути дотичною до неї. Це все наштовхує на необхідність важливих історичних проєктів, як просвітницьких, так і розважальних. Для широких верств та найширшого залучення в історію. Занурюймося!»',
     order: true,
 };
 
@@ -28,7 +28,7 @@ const FounderNatalia: FounderProps = {
     founderImage: Natalia,
     founderInstagram: 'https://www.instagram.com/notatka8/',
     founderFacebook: 'https://www.facebook.com/NatalyaDemydiv',
-    founderText: '«Я хочу, щоб українські діти, які зростатимуть після Перемоги, знали, хто в цьому світі на що здатний. Хочу, щоби розуміли причинно-наслідкові зв’язки і були захищені цим знанням. Для того маємо відновлювати історичну пам’ять вже зараз. Це водночас і просто, і складно. Просто — бо є проєкт «Стріткод», бачення, як його втілити, і команда, яка вже це робить. Складно, бо масштаби — вся Україна. Але це той проєкт, який має бути реалізований, тут без варіантів. Тому несемось!) Приєднуйтеся ;)»',
+    founderText: '«Я хочу, щоб українські діти, які зростатимуть після Перемоги, знали, хто в цьому світі на що здатний. Хочу, щоби розуміли причинно-наслідкові зв’язки і були захищені цим знанням. Для того маємо відновлювати історичну пам’ять вже зараз. Це водночас і просто, і складно. Просто — бо є проєкт «Historycode», бачення, як його втілити, і команда, яка вже це робить. Складно, бо масштаби — вся Україна. Але це той проєкт, який має бути реалізований, тут без варіантів. Тому несемось!) Приєднуйтеся ;)»',
     order: false,
 };
 

src/features/AboutUsPage/Vacancies/Vacancies.component.tsx

@@ -34,7 +34,7 @@ const Vacancies = ({ setHasVacancies } : { setHasVacancies: (hasVacancies: boole
                     </h1>
                     <div className="vacanciesBlock">
                         <div className="textBlock">
-                            <h2>Приєднуйся до команди найактивніших стріткодерів, небайдужих до власної історії</h2>
+                            <h2>Приєднуйся до команди найактивніших history-кодерів, небайдужих до власної історії</h2>
                             <h3>
                                 Твоє его фахівця поєдналося з его громадського активіста і не дає спати?
                                 Ти розділяєш наше прагнення заповнити прогалини історичної пам'яті українців

src/features/AdditionalPages/ContactUsPage/ContanctUs.component.tsx

@@ -11,15 +11,15 @@ const SURVEY_LINK = 'https://forms.gle/eWwX5RP84X7dymLR6';
 const ContactUs = () => (
     <div className="contactUsContainer">
         <Helmet>
-            <title>Контакти | Streetcode</title>
+            <title>Контакти | Historycode</title>
             <meta name="description" content="Зв’яжіться з нами для будь-яких запитань, відгуків або підтримки." />
         </Helmet>
         <div className="contactUsCover">
             <div className="wrapper">
                 <Title />
                 <MainBlock />
                 <div className="contactUsContent">
-                    <h1>Привіт, стріткодере/ко!</h1>
+                    <h1>Привіт, history-кодере/ко!</h1>
                     <br />
                     <h3>Цей сайт для тебе. Створений і наповнений з любов'ю, з історією та про історію. Наразі він працює в тестовому режимі. So, we need your help 😊</h3>
                     <br />

src/features/AdditionalPages/NewsPage/News.component.tsx

@@ -98,8 +98,8 @@ const NewsPage = () => {
     return (
         <>
             <Helmet>
-                <title>Новини | Streetcode</title>
-                <meta name="description" content="Будьте в курсі останніх новин від «Стріткод»." />
+                <title>Новини | Historycode</title>
+                <meta name="description" content="Будьте в курсі останніх новин від «Historycode»." />
             </Helmet>
 
             newsValue

src/features/AdditionalPages/PartnersPage/Partners.component.tsx

@@ -12,7 +12,7 @@ const PartnersPage = () => (
 
     <>
         <Helmet>
-            <title>Наші партнери | Streetcode</title>
+            <title>Наші партнери | Historycode</title>
             <meta name="description" content="Дізнайтеся про наших цінних партнерів, що вклали внесок у нашу місію." />
         </Helmet>
         <div className="partnersContainer">

src/features/AdditionalPages/PartnersPage/Title/Title.component.tsx

@@ -15,7 +15,7 @@ const Title = () => (
             а історія вже промовляє в міських просторах. Всі ці щирі та добрі люди, круті та ефективні
             компанії — наші партнери і справжні друзі, які розділяють наші цінності.
         </div>
-        <div className="subTitle">Ми вдячні кожному. Ми поруч з кожним. Бо стріткодимо разом!</div>
+        <div className="subTitle">Ми вдячні кожному. Ми поруч з кожним. Бо history-кодимо разом!</div>
     </div>
 );