Banner for dojo migration, clean past banners

src/components/DojoBanner.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const showDojoBanner = ref(false);
+
+if (window.localStorage.getItem('showDojoBanner') !== 'false') {
+    window.localStorage.setItem('showDojoBanner', 'true');
+    showDojoBanner.value = true;
+}
+
+const hideDojoBanner = () => {
+    showDojoBanner.value = false;
+    window.localStorage.setItem('showDojoBanner', 'false');
+}
+
+</script>
+
+<template>
+    <div
+        v-if="showDojoBanner"
+        class="bg-primary font-medium text-text-on-primary select-none flex items-center">
+        <p class="hidden sm:block flex-1 text-center text-sm py-2">We've migrated to Dojo ! Read the announcement <a href="https://twitter.com/briqNFT/status/1729777534433202677" class="underline">here</a> !</p>
+        <p class="sm:hidden block flex-1 text-center text-sm py-2">We've migrated to Dojo !<br>Read the announcement <a href="https://twitter.com/briqNFT/status/1729777534433202677" class="underline">here</a> !</p>
+        <Btn no-style class="text-text-on-primary text-lg py-0 px-8" @click.stop.prevent="hideDojoBanner()"><i class="far fa-times"/></Btn>
+    </div>
+</template>

src/components/builder/MenuBar.vue

@@ -22,6 +22,7 @@ import { useBooklet } from './BookletComposable';
 import Hotkey from '../generic/Hotkey.vue';
 import Tooltip from '../generic/Tooltip.vue';
 import RenameSetVue from './modals/RenameSet.vue';
+import DojoBanner from '../DojoBanner.vue';
 
 const { currentSet } = useBuilder();
 
@@ -91,6 +92,7 @@ div.flex > div.flex > div.flex > button:not(.btn):not(.nostyle) {
 </style>
 
 <template>
+    <DojoBanner/>
     <div class="mx-1 mt-1 sm:mx-2 sm:mt-2 flex flex-wrap pointer-events-none" v-if="!inputStore.hideInput">
         <div class="flex-1 basis-1 min-w-max flex justify-stretch lg:justify-start">
             <div class="flex-auto sm:flex-none flex items-center justify-center p-1 gap-1 border border-grad-light bg-grad-lightest rounded pointer-events-auto">

src/components/landing_page/Header.vue

@@ -10,6 +10,7 @@ import briqIcon from '@/assets/landing/briq-icon.svg';
 import { APP_ENV } from '@/Meta';
 import Tooltip from '../generic/Tooltip.vue';
 import ArgentLogo from '@/assets/argent_logo.svg';
+import DojoBanner from '../DojoBanner.vue';
 
 let _clicked = false;
 const walletStore = maybeStore;
@@ -128,6 +129,7 @@ onMounted(() => {
                 <routerLink to="/builder"><Btn class="text-md">Create</Btn></routerLink>
             </div>
         </div>
+        <DojoBanner/>
     </div>
 </template>