fix: hide other language

components/Navbar.vue

@@ -182,22 +182,6 @@
 
           <div class="lg:!hidden">
             <template v-if="!account">
-              <MobileExpandableSection
-                v-slot="{ onCloseMobileSubMenu }"
-                class="mobile-language"
-                :no-padding="true"
-                :title="$t('profileMenu.language')"
-                icon="globe"
-              >
-                <MobileLanguageOption
-                  @select="
-                    () => {
-                      showMobileNavbar()
-                      onCloseMobileSubMenu()
-                    }
-                  "
-                />
-              </MobileExpandableSection>
               <ColorModeButton class="navbar-item" />
               <NavbarCookiesButton @select="showMobileNavbar" />
             </template>
@@ -256,7 +240,6 @@ import { openConnectWalletModal } from '@/components/common/ConnectWallet/useCon
 import ChainSelectDropdown from '@/components/navbar/ChainSelectDropdown.vue'
 import CreateDropdown from '@/components/navbar/CreateDropdown.vue'
 import MobileExpandableSection from '@/components/navbar/MobileExpandableSection.vue'
-import MobileLanguageOption from '@/components/navbar/MobileLanguageOption.vue'
 import NavbarChainOptions from '@/components/navbar/NavbarChainOptions.vue'
 import NavbarExploreOptions from '@/components/navbar/NavbarExploreOptions.vue'
 import Search from '@/components/search/Search.vue'

components/common/ConnectWallet/WalletAssetMenu.vue

@@ -22,43 +22,6 @@
     <div class="wallet-asset-footer flex py-5 text-xs text-k-grey">
       <!-- light/dark mode -->
       <ColorModeSwitch />
-
-      <!-- language -->
-      <div
-        data-testid="sidebar-language"
-        class="language-selector"
-      >
-        <NeoDropdown
-          position="top-left"
-          aria-role="menu"
-          mobile-modal
-        >
-          <template #trigger>
-            <div class="flex items-center">
-              <NeoIcon
-                icon="globe"
-                size="medium"
-              />
-              <span class="is-hidden-mobile ml-1">
-                {{ $t('profileMenu.language') }}
-              </span>
-            </div>
-          </template>
-
-          <NeoDropdownItem
-            v-for="lang in langsFlags"
-            :key="lang.value"
-            aria-role="listitem"
-            :data-testid="`sidebar-language-${lang.value}`"
-            :value="lang.value"
-            :class="{ 'is-active': $i18n.locale === lang.value }"
-            @click="usePreferencesStore().setUserLocale(lang.value)"
-          >
-            <span>{{ lang.flag }} {{ lang.label }}</span>
-          </NeoDropdownItem>
-        </NeoDropdown>
-      </div>
-
       <!-- settings -->
       <nuxt-link
         to="/settings"
@@ -77,7 +40,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoDropdown, NeoDropdownItem, NeoIcon } from '@kodadot1/brick'
+import { NeoIcon } from '@kodadot1/brick'
 import type { Prefix } from '@kodadot1/static'
 import { transferVisible, teleportVisible, swapVisible } from '@/utils/config/permission.config'
 
@@ -130,10 +93,6 @@ const closeModal = () => {
 
   @apply bulma-mobile:justify-center;
 
-  .language-selector {
-    @apply bulma-mobile:my-8 bulma-mobile:mx-0;
-  }
-
   & > * {
     @apply cursor-pointer flex gap-1;
 

components/navbar/ProfileDropdown.vue

@@ -31,14 +31,6 @@
           </a>
         </template>
 
-        <NeoDropdownItem aria-role="menuitem">
-          <div
-            class="flex items-center"
-            @click="toggleLanguageMenu"
-          >
-            {{ $t('profileMenu.language') }}&nbsp;<NeoIcon icon="globe" />
-          </div>
-        </NeoDropdownItem>
         <NeoDropdownItem aria-role="menuitem">
           <ColorModeButton />
         </NeoDropdownItem>
@@ -56,37 +48,11 @@
         />
       </div>
     </div>
-
-    <NeoDropdown
-      ref="languageDropdown"
-      position="bottom-left"
-      aria-role="menu"
-      :toggle="toggleLanguageMenu"
-    >
-      <NeoDropdownItem
-        aria-role="listitem"
-        class="is-active flex items-center language-heading text-base"
-        @click="toggleLanguageMenu"
-      >
-        <span>{{ $t('profileMenu.language') }} <NeoIcon icon="globe" /></span>
-      </NeoDropdownItem>
-
-      <NeoDropdownItem
-        v-for="lang in langsFlags"
-        :key="lang.value"
-        aria-role="listitem"
-        :value="lang.value"
-        :class="{ 'is-active': $i18n.locale === lang.value }"
-        @click="usePreferencesStore().setUserLocale(lang.value)"
-      >
-        <span>{{ lang.flag }} {{ lang.label }}</span>
-      </NeoDropdownItem>
-    </NeoDropdown>
   </div>
 </template>
 
 <script lang="ts" setup>
-import { NeoDropdown, NeoDropdownItem, NeoIcon } from '@kodadot1/brick'
+import { NeoDropdown, NeoDropdownItem } from '@kodadot1/brick'
 
 import { useIdentityStore } from '@/stores/identity'
 import { useProfileOnboardingStore } from '@/stores/profileOnboarding'
@@ -98,8 +64,6 @@ const identityStore = useIdentityStore()
 const { isDarkMode } = useTheme()
 const { neoModal } = useProgrammatic()
 
-const languageDropdown = ref(null)
-
 const account = computed(() => identityStore.getAuthAddress)
 const profileIcon = computed(() =>
   isDarkMode.value ? '/profile-dark.svg' : '/profile.svg',
@@ -113,10 +77,4 @@ const toggleWalletConnectModal = () => {
     openConnectWalletModal()
   }
 }
-
-const toggleLanguageMenu = () => {
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  languageDropdown.value?.toggle()
-}
 </script>

stores/preferences.ts

@@ -268,6 +268,8 @@ export const usePreferencesStore = defineStore('preferences', {
     },
     setUserLocale(locale: string) {
       const { $i18n } = useNuxtApp()
+      // only supports en for now
+      locale = 'en'
       $i18n.locale.value = locale
       this.userLocale = locale
     },