Fix CF deploy

app.config.ts

@@ -140,9 +140,9 @@ export const docTypes = [
     path: "/cli",
   },
   {
-    title: "docs.types.explorer",
-    image: "docs/desktop",
-    path: "/explorer",
+    title: "docs.types.hww",
+    image: "docs/ledger",
+    path: "/hardware-wallet",
   },
 ];
 
@@ -225,11 +225,11 @@ export const exchangesBuy = [
 ];
 
 export const instantExchangesBuy = [
-/*  {
+  /*  {
     title: "Beam4Me",
     image: "instant-exchanges/beam4me",
     link: "https://beam4.me/?from_curr=ETH&from_chain=1&to_curr=BEAM&to_chain=-1",
-  },*/
+  }, */
   {
     title: "Trocador",
     image: "instant-exchanges/trocador",

components/download/detail-android-modal.vue

@@ -10,10 +10,6 @@ defineProps({
     type: Number,
     required: true,
   },
-  linkPlayStore: {
-    type: String,
-    required: true,
-  },
   linkApkFile: {
     type: String,
     required: true,
@@ -34,14 +30,6 @@ defineProps({
         {{ version }} ({{
           convertUNIXTimestampToLocaleDate(date, localeProperties.iso)
         }}) ·
-        <span class="text-beam-blue font-bold">
-          <DownloadAlternativeLink
-            :link="linkPlayStore"
-            :title="t('downloads.type.playstore')"
-            :disable-arrow="true"
-          />
-        </span>
-        &middot;
         <span class="text-beam-blue font-bold">
           <DownloadAlternativeLink
             :link="linkApkFile"

components/download/platform/android.vue

@@ -42,7 +42,6 @@ const {
       <DownloadDetailAndroidModal
         :version="version"
         :date="date"
-        :link-play-store="store"
         :link-apk-file="wallet"
         :checksum-apk="checksumWallet"
       />

components/hardfork/items.vue

@@ -1,45 +1,71 @@
 <template>
   <div class="w-full relative mb-5">
     <div ref="customNextButton" class="group custom-swipe-arrow next-button">
-      <Icon class="block w-4 h-4 md:w-6 md:h-6 text-beam-blue group-hover:opacity-100 opacity-60 transition-opacity"
-        name="layout/arrow-right" />
+      <Icon
+        class="block w-4 h-4 md:w-6 md:h-6 text-beam-blue group-hover:opacity-100 opacity-60 transition-opacity"
+        name="layout/arrow-right"
+      />
     </div>
     <div ref="customPrevButton" class="group custom-swipe-arrow prev-button">
       <Icon
         class="block rotate-180 w-4 h-4 md:w-6 md:h-6 text-beam-blue group-hover:opacity-100 opacity-60 transition-opacity"
-        name="layout/arrow-right" />
+        name="layout/arrow-right"
+      />
     </div>
-    <swiper ref="swiperRef" :grab-cursor="true" :slides-per-view="slidesToShow" :navigation="{
-      nextEl: customNextButton,
-      prevEl: customPrevButton,
-    }" :initial-slide="hardfork.length" :auto-height="true">
+    <swiper
+      ref="swiperRef"
+      :grab-cursor="true"
+      :slides-per-view="slidesToShow"
+      :navigation="{
+        nextEl: customNextButton,
+        prevEl: customPrevButton,
+      }"
+      :initial-slide="hardfork.length"
+      :auto-height="true"
+    >
       <SwiperSlide v-for="(item, index) in hardfork" :key="index">
         <div class="carousel-item-link lg:px-16">
-          <div class="flex items-center flex-col text-blue-50 lg:items-start px-10 md:px-0"
-            :style="{ color: item.color }">
+          <div
+            class="flex items-center flex-col text-blue-50 lg:items-start px-10 md:px-0"
+            :style="{ color: item.color }"
+          >
             <span class="text-xs font-bold opacity-70 mb-1">{{
               item.year
             }}</span>
             <div class="flex items-center gap-4">
-              <Icon :as-image="true" :name="`beam-releases/${item.image}`" class="h-12 w-12" loading="lazy"
-                :alt="item.image" />
+              <Icon
+                :as-image="true"
+                :name="`beam-releases/${item.image}`"
+                class="h-12 w-12"
+                loading="lazy"
+                :alt="item.image"
+              />
               <p class="font-bold text-xl m-0 p-0">{{ item.name }}</p>
             </div>
             <div class="flex flex-col gap-2 mt-6">
               <p class="text-blue-50">
-                {{ item.text.slice(0, 150) + '...' }}
+                {{ item.text.slice(0, 150) + "..." }}
               </p>
-              <button @click="openModal(item)"
-                class="!outline-none w-fit px-4 py-1 border rounded bg-[rgb(11,31,64)]/50 hover:bg-[#042248] focus:bg-[#042248] border-black border-opacity-30 shadow-[0px_0px_0px_1px_rgba(255,255,255,.05)_inset] focus:outline-none focus:ring-2 focus:ring-beam-blue/75 focus:ring-offset-2 transition focus:ring-offset-[#042248]">
+              <button
+                class="!outline-none w-fit px-4 py-1 border rounded bg-[rgb(11,31,64)]/50 hover:bg-[#042248] focus:bg-[#042248] border-black border-opacity-30 shadow-[0px_0px_0px_1px_rgba(255,255,255,.05)_inset] focus:outline-none focus:ring-2 focus:ring-beam-blue/75 focus:ring-offset-2 transition focus:ring-offset-[#042248]"
+                @click="openModal(item)"
+              >
                 View More
               </button>
             </div>
           </div>
         </div>
       </SwiperSlide>
     </swiper>
-    <modal v-if="currentItem" :title="currentItem.name" :text="currentItem.text" :visible="!!currentItem" :year="currentItem.year"
-      :links="currentItem.links" @close="currentItem = null" />
+    <modal
+      v-if="currentItem"
+      :title="currentItem.name"
+      :text="currentItem.text"
+      :visible="!!currentItem"
+      :year="currentItem.year"
+      :links="currentItem.links"
+      @close="currentItem = null"
+    />
   </div>
 </template>
 
@@ -48,8 +74,8 @@ import { Swiper, SwiperSlide } from "swiper/vue";
 import SwiperCore, { Swiper as SwiperInstance } from "swiper";
 import { Navigation } from "swiper/modules";
 import { ref, onMounted, onBeforeUnmount } from "vue";
-import { useI18n } from 'vue-i18n';
-import Modal from './modal.vue';
+import { useI18n } from "vue-i18n";
+import Modal from "./modal.vue";
 
 const { t } = useI18n();
 
@@ -82,8 +108,8 @@ const hardfork = ref<Hardfork>([
     links: [
       {
         title: t("hardfork.hardforks.1.links.1.title"),
-        link: t("hardfork.hardforks.1.links.1.link")
-      }
+        link: t("hardfork.hardforks.1.links.1.link"),
+      },
     ],
     image: "cathode",
   },
@@ -96,16 +122,16 @@ const hardfork = ref<Hardfork>([
     links: [
       {
         title: t("hardfork.hardforks.2.links.1.title"),
-        link: t("hardfork.hardforks.2.links.1.link")
+        link: t("hardfork.hardforks.2.links.1.link"),
       },
       {
         title: t("hardfork.hardforks.2.links.2.title"),
-        link: t("hardfork.hardforks.2.links.2.link")
+        link: t("hardfork.hardforks.2.links.2.link"),
       },
       {
         title: t("hardfork.hardforks.2.links.3.title"),
-        link: t("hardfork.hardforks.2.links.3.link")
-      }
+        link: t("hardfork.hardforks.2.links.3.link"),
+      },
     ],
     image: "electron",
   },
@@ -118,20 +144,20 @@ const hardfork = ref<Hardfork>([
     links: [
       {
         title: t("hardfork.hardforks.3.links.1.title"),
-        link: t("hardfork.hardforks.3.links.1.link")
+        link: t("hardfork.hardforks.3.links.1.link"),
       },
       {
         title: t("hardfork.hardforks.3.links.2.title"),
-        link: t("hardfork.hardforks.3.links.2.link")
+        link: t("hardfork.hardforks.3.links.2.link"),
       },
       {
         title: t("hardfork.hardforks.3.links.3.title"),
-        link: t("hardfork.hardforks.3.links.3.link")
+        link: t("hardfork.hardforks.3.links.3.link"),
       },
       {
         title: t("hardfork.hardforks.3.links.4.title"),
-        link: t("hardfork.hardforks.3.links.4.link")
-      }
+        link: t("hardfork.hardforks.3.links.4.link"),
+      },
     ],
     image: "fermion",
   },
@@ -144,12 +170,12 @@ const hardfork = ref<Hardfork>([
     links: [
       {
         title: t("hardfork.hardforks.4.links.1.title"),
-        link: t("hardfork.hardforks.4.links.1.link")
+        link: t("hardfork.hardforks.4.links.1.link"),
       },
       {
         title: t("hardfork.hardforks.4.links.2.title"),
-        link: t("hardfork.hardforks.4.links.2.link")
-      }
+        link: t("hardfork.hardforks.4.links.2.link"),
+      },
     ],
     image: "gluon",
   },
@@ -162,15 +188,15 @@ const hardfork = ref<Hardfork>([
     links: [
       {
         title: t("hardfork.hardforks.5.links.1.title"),
-        link: t("hardfork.hardforks.5.links.1.link")
+        link: t("hardfork.hardforks.5.links.1.link"),
       },
       {
         title: t("hardfork.hardforks.5.links.2.title"),
-        link: t("hardfork.hardforks.5.links.2.link")
-      }
+        link: t("hardfork.hardforks.5.links.2.link"),
+      },
     ],
     image: "gluon",
-  }
+  },
 ]);
 
 const slidesToShow = ref(1);
@@ -179,7 +205,7 @@ const customPrevButton = ref(null);
 const swiperRef = ref<SwiperInstance | null>(null);
 
 const updateSlidesToShow = () => {
-  if (typeof window !== 'undefined') {
+  if (typeof window !== "undefined") {
     const width = window.innerWidth;
     if (width >= 1280) {
       slidesToShow.value = 2;

components/hardfork/modal.vue

@@ -1,29 +1,50 @@
 <template>
   <transition name="fade" @after-leave="$emit('close')">
-    <div v-if="visible" class="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50"
-      @click="handleOverlayClick">
+    <div
+      v-if="visible"
+      class="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50"
+      @click="handleOverlayClick"
+    >
       <div
         class="bg-[#042148ec] border-opacity-10 border border-black rounded-lg w-full max-w-lg p-6 shadow-[0px_0px_0px_1px_rgba(255,255,255,.05)_inset]"
-        @click.stop>
+        @click.stop
+      >
         <div class="flex justify-between items-center mb-4">
           <h2 class="text-xl font-semibold">{{ title }}</h2>
-          <button @click="$emit('close')" class="text-gray-600 hover:text-gray-900">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 24 24" fill="none"
-              stroke="currentColor">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+          <button
+            class="text-gray-600 hover:text-gray-900"
+            @click="$emit('close')"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              class="h-6 w-6"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M6 18L18 6M6 6l12 12"
+              />
             </svg>
           </button>
         </div>
         <div>
           <p v-html="formattedText"></p>
           <div class="flex flex-col gap-3 mt-3">
             <LayoutLink
+              v-for="item in links"
+              :key="item.link"
               class="group flex w-fit py-2 px-4 flex-row items-center gap-3 justify-center border rounded bg-[rgb(11,31,64)]/50 hover:bg-[#042248] focus:bg-[#042248] border-black border-opacity-30 shadow-[0px_0px_0px_1px_rgba(255,255,255,.05)_inset] focus:outline-none focus:ring-2 focus:ring-beam-blue/75 focus:ring-offset-2 transition focus:ring-offset-[#042248]"
-              v-for="item in links" :href="item.link" :key="item.link">
+              :href="item.link"
+            >
               <span>{{ item.title }}</span>
               <Icon
                 class="block w-5 h-5 text-white group-hover:text-beam-blue opacity-60 group-hover:opacity-100 transition rtl:rotate-180"
-                name="layout/external" />
+                name="layout/external"
+              />
             </LayoutLink>
           </div>
         </div>
@@ -33,7 +54,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineProps, defineEmits } from 'vue';
+import { defineProps, defineEmits } from "vue";
 
 interface HardforkLink {
   title: string;
@@ -45,18 +66,18 @@ interface ModalProps {
   year: string;
   text: string;
   visible: boolean;
-  links: HardforkLink[]
+  links: HardforkLink[];
 }
 
 const props = defineProps<ModalProps>();
 const emit = defineEmits<{
-  (event: 'close'): void;
+  (event: "close"): void;
 }>();
 
 const handleOverlayClick = () => {
-  emit('close');
+  emit("close");
 };
-const formattedText = props.text.replace(/\n/g, '<br>');
+const formattedText = props.text.replace(/\n/g, "<br>");
 </script>
 
 <style scoped>