From 6176c1c15a1c611220a7b26d591bd34c292699d2 Mon Sep 17 00:00:00 2001
From: anatolykopyl <akopyl@radner.ru>
Date: Thu, 26 May 2022 01:51:24 +0300
Subject: [PATCH] Save locale

---
 src/components/LanguageSelector.tsx  | 16 +++++++++++-----
 src/components/Links.tsx             |  3 ---
 src/components/Projects/Project.tsx  |  1 -
 src/components/Projects/Projects.tsx |  1 -
 src/index.css                        | 21 ---------------------
 5 files changed, 11 insertions(+), 31 deletions(-)

diff --git a/src/components/LanguageSelector.tsx b/src/components/LanguageSelector.tsx
index 67cf102..47f6ec9 100644
--- a/src/components/LanguageSelector.tsx
+++ b/src/components/LanguageSelector.tsx
@@ -7,11 +7,16 @@ export default () => {
   const [t, { locale }] = useI18n();
 
   const avaliableLocales = ['en', 'ru'];
-  const preferredLocales = navigator.languages.map((lang) => lang.substring(0, 2));
-  for (const lang of preferredLocales) {
-    if (avaliableLocales.includes(lang)) {
-      locale(lang);
-      break;
+  const savedLocale = localStorage.getItem('locale');
+  if (savedLocale) {
+    locale(savedLocale);
+  } else {
+    const preferredLocales = navigator.languages.map((lang) => lang.substring(0, 2));
+    for (const lang of preferredLocales) {
+      if (avaliableLocales.includes(lang)) {
+        locale(lang);
+        break;
+      }
     }
   }
 
@@ -26,6 +31,7 @@ export default () => {
             locale('ru')
             break;
         }
+        localStorage.setItem('locale', locale());
       }}
       class={styles.LanguageSelector}
     >
diff --git a/src/components/Links.tsx b/src/components/Links.tsx
index fc8cb9c..b8441a1 100644
--- a/src/components/Links.tsx
+++ b/src/components/Links.tsx
@@ -6,21 +6,18 @@ export default () => {
       <a 
         href='https://github.com/anatolykopyl'
         target='_blank'
-        class='hover-grad'
       >
         github
       </a>
       <a 
         href='https://www.linkedin.com/in/akopyl/'
         target='_blank'
-        class='hover-grad'
       >
         linkedin
       </a>
       <a 
         href='https://t.me/avkopyl'
         target='_blank'
-        class='hover-grad'
       >
         telegram
       </a>
diff --git a/src/components/Projects/Project.tsx b/src/components/Projects/Project.tsx
index de5c0cf..ae95e02 100644
--- a/src/components/Projects/Project.tsx
+++ b/src/components/Projects/Project.tsx
@@ -18,7 +18,6 @@ export default (props: {project: Project}) => {
         <a
           href={props.project.link}
           target="_blank"
-          class='hover-grad'
         >
           <h2>{props.project.name}</h2>
         </a>
diff --git a/src/components/Projects/Projects.tsx b/src/components/Projects/Projects.tsx
index e2330c2..f46a788 100644
--- a/src/components/Projects/Projects.tsx
+++ b/src/components/Projects/Projects.tsx
@@ -18,7 +18,6 @@ export default () => {
     <div
       use:observer={(event) => {
         if (event.isIntersecting) {
-          console.log(chapterName);
           if (!state.scrolling()) {
             setters.setVisibleChapter(chapterName);
           } else if (state.visibleChapter() === chapterName) {
diff --git a/src/index.css b/src/index.css
index 4e79cc5..c275b2f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -69,24 +69,3 @@ textarea:focus, input:focus{
 input::placeholder, textarea::placeholder {
   color: var(--clr-text-secondary);
 }
-
-.hover-grad {
-  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab, var(--clr-text), var(--clr-text), var(--clr-text));
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-size: 200% auto;
-}
-
-.hover-grad:hover {
-  animation: gradient 1s ease forwards;
-  animation-iteration-count: 1;
-}
-
-@keyframes gradient {
-	0% {
-		background-position: 0% 50%;
-	}
-	100% {
-		background-position: 100% 50%;
-	}
-}