From 7f9caa510070ea1fbb8ca6a037093e45a3d4fd40 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 7 Mar 2026 18:45:43 +0100
Subject: [PATCH] chore(migration): added hiding migration info bar after
 clicking accept button

---
 src/App.vue                          |  6 +++---
 src/components/app/MigrationInfo.vue | 30 ++++++++++++++++++++++++----
 src/locales/en.json                  |  3 ++-
 src/locales/pl.json                  |  3 ++-
 4 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 138a586..32d350e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -25,7 +25,7 @@ registerSW({
 
 onMounted(() => {
   loadStockDataFromStorage();
-  showMigrationInfo();
+  handleMigrationInfo();
   store.setupAPIData();
 });
 
@@ -37,9 +37,9 @@ watchEffect(() => {
   }
 });
 
-function showMigrationInfo() {
+function handleMigrationInfo() {
   // Show only on old domain
-  if (location.hostname !== 'pojazdownik-td2.web.app' && location.hostname !== 'localhost') return;
+  if (location.hostname !== 'pojazdownik-td2.web.app') return;
 
   const showInfo = localStorage.getItem('showMigrationInfo');
 
diff --git a/src/components/app/MigrationInfo.vue b/src/components/app/MigrationInfo.vue
index a5c6b27..66805ea 100644
--- a/src/components/app/MigrationInfo.vue
+++ b/src/components/app/MigrationInfo.vue
@@ -1,12 +1,26 @@
 <template>
   <div class="migrate-info">
-    <i18n-t keypath="migrate-info.line-1" for="migrate-info">
-      <a href="https://pojazdownik-td2.spythere.eu/" target="_blank">{{ $t('migrate-info.link') }}</a>
-    </i18n-t>
+    <div class="info-content">
+      <i18n-t keypath="migrate-info.line-1" for="migrate-info" tag="div">
+        <a href="https://pojazdownik-td2.spythere.eu/" target="_blank">{{ t('migrate-info.link') }}</a>
+      </i18n-t>
+      <button class="btn accept-btn" @click="onAcceptButtonClick">{{ t('migrate-info.accept-btn') }}</button>
+    </div>
   </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { useI18n } from 'vue-i18n';
+import { useStore } from '../../store';
+
+const store = useStore();
+const { t } = useI18n();
+
+function onAcceptButtonClick() {
+  store.isMigrationInfoOpen = false;
+  localStorage.setItem('showMigrationInfo', 'false');
+}
+</script>
 
 <style lang="scss" scoped>
 .migrate-info {
@@ -26,6 +40,14 @@
   font-size: 1.1em;
 }
 
+.info-content {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 0.5em;
+}
+
 a {
   color: black;
   text-decoration: underline;
diff --git a/src/locales/en.json b/src/locales/en.json
index 425f1b6..9ff4438 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -342,6 +342,7 @@
   },
   "migrate-info": {
     "line-1": "Pojazdownik is being moved to a new domain - {0}! You can still use the current website, but it will no longer be updated and will be shut down in the nearest future!",
-    "link": "https://pojazdownik-td2.spythere.eu/"
+    "link": "https://pojazdownik-td2.spythere.eu/",
+    "accept-btn": "ROGER THAT!"
   }
 }
diff --git a/src/locales/pl.json b/src/locales/pl.json
index abb7944..2bf97a1 100644
--- a/src/locales/pl.json
+++ b/src/locales/pl.json
@@ -341,6 +341,7 @@
   },
   "migrate-info": {
     "line-1": "Pojazdownik zostaje przeniesiony na nową domenę - {0}! Możesz korzystać z obecnej strony, jednak nie będzie ona otrzymywać już aktualizacji i w przyszłości zostanie wyłączona!",
-    "link": "https://pojazdownik-td2.spythere.eu/"
+    "link": "https://pojazdownik-td2.spythere.eu/",
+    "accept-btn": "PRZYJĄŁEM!"
   }
 }