From 107b403f9cb008b1782ebd3da5001384be7d8f71 Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <aurora90376@gmail.com>
Date: Mon, 18 Mar 2024 11:09:29 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=94=A5=20Remove=20content=20width=20s?=
 =?UTF-8?q?ettings?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/RootLayout.vue |  7 -------
 layouts/default.vue       | 32 +-------------------------------
 2 files changed, 1 insertion(+), 38 deletions(-)

diff --git a/components/RootLayout.vue b/components/RootLayout.vue
index 1900ed28..03dcb9b7 100644
--- a/components/RootLayout.vue
+++ b/components/RootLayout.vue
@@ -31,17 +31,10 @@ const uiModule = namespace('ui')
 
 @Component({
   head() {
-    const isDesktopViewMode: boolean =
-      this.$store.getters['ui/isDesktopViewMode']
-    const contentWidth = isDesktopViewMode
-      ? 'width=1024, initial-scale=1, minimum-scale=1'
-      : 'width=device-width'
-
     return {
       htmlAttrs: {
         class: this.$props.bgClass,
       },
-      meta: [{ hid: 'viewport', name: 'viewport', content: contentWidth }],
     }
   },
 })
diff --git a/layouts/default.vue b/layouts/default.vue
index d4c1a45d..9a2ff982 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -29,14 +29,6 @@
           <IconArrowLeft class="w-[20px]" />
         </template>
       </Button>
-      <Button
-        :class="['mt-[26px]', 'text-medium-gray']"
-        preset="outline"
-        text-preset="h7"
-        size="mini"
-        :text="viewModeButtonText"
-        @click="handleChangeViewModeButtonClick"
-      />
     </div>
     <AppFooter />
   </RootLayout>
@@ -44,29 +36,7 @@
 
 <script lang="ts">
 import { Vue, Component } from 'vue-property-decorator'
-import { namespace } from 'vuex-class'
-
-const uiModule = namespace('ui')
 
 @Component
-export default class DefaultLayout extends Vue {
-  @uiModule.Getter isDesktopViewMode!: boolean
-  @uiModule.Action enableDesktopViewMode!: () => void
-  @uiModule.Action enableMobileViewMode!: () => void
-
-  get viewModeButtonText() {
-    if (this.isDesktopViewMode) {
-      return this.$t('HomePage.button.viewMode.mobile')
-    }
-    return this.$t('HomePage.button.viewMode.desktop')
-  }
-
-  handleChangeViewModeButtonClick() {
-    if (this.isDesktopViewMode) {
-      this.enableMobileViewMode()
-    } else {
-      this.enableDesktopViewMode()
-    }
-  }
-}
+export default class DefaultLayout extends Vue {}
 </script>

From feaba0df03dd460fc32b7e205deeb875e89767f5 Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <aurora90376@gmail.com>
Date: Mon, 18 Mar 2024 21:47:43 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=94=A5=20Remove=20ui=20module?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/RootLayout.vue |  4 ---
 store/ui.ts               | 58 ---------------------------------------
 utils/store-accessor.ts   |  4 ---
 3 files changed, 66 deletions(-)
 delete mode 100644 store/ui.ts

diff --git a/components/RootLayout.vue b/components/RootLayout.vue
index 03dcb9b7..e1fb6de8 100644
--- a/components/RootLayout.vue
+++ b/components/RootLayout.vue
@@ -27,7 +27,6 @@ import { namespace } from 'vuex-class'
 import { IS_CHAIN_UPGRADING } from '~/constant'
 
 const walletModule = namespace('wallet')
-const uiModule = namespace('ui')
 
 @Component({
   head() {
@@ -41,15 +40,12 @@ const uiModule = namespace('ui')
 export default class RootLayout extends Vue {
   @walletModule.Action('restoreSessionIfNecessary') restoreSessionIfNecessary!: () => Promise<any>
 
-  @uiModule.Action('init') initUIStore!: () => void
-
   @Prop({ default: 'bg-light-gray' }) readonly bgClass!: string
 
   isOpenChainUpgradeBlockingDialog = false
 
   async mounted() {
     this.isOpenChainUpgradeBlockingDialog = !!IS_CHAIN_UPGRADING
-    this.initUIStore()
     await this.restoreSessionIfNecessary()
   }
 
diff --git a/store/ui.ts b/store/ui.ts
deleted file mode 100644
index 9fbf211e..00000000
--- a/store/ui.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-/* eslint-disable import/no-extraneous-dependencies */
-import { Module, VuexModule, Mutation, Action } from 'vuex-module-decorators'
-
-const CURRENT_VIEW_MODE_KEY = 'CURRENT_VIEW_MODE_KEY';
-
-export enum ViewMode {
-  Desktop = 'desktop',
-  Mobile = 'mobile'
-}
-
-@Module({
-  name: 'ui',
-  stateFactory: true,
-  namespaced: true,
-})
-export default class UIStore extends VuexModule {
-  viewMode = ViewMode.Mobile
-
-  get isDesktopViewMode() {
-    return this.viewMode === ViewMode.Desktop
-  }
-
-  get isMobileViewMode() {
-    return this.viewMode === ViewMode.Mobile
-  }
-
-  @Mutation
-  setViewMode(mode: ViewMode) {
-    this.viewMode = mode
-  }
-
-  @Action
-  init() {
-    let mode: any = ''
-    mode =
-      window.sessionStorage?.getItem(CURRENT_VIEW_MODE_KEY) === ViewMode.Desktop ||
-      ViewMode.Mobile
-        ? window.sessionStorage?.getItem(CURRENT_VIEW_MODE_KEY)
-        : ViewMode.Mobile
-    this.setViewMode(mode)
-  }
-
-  @Action
-  changeViewMode(mode: ViewMode) {
-    window.sessionStorage?.setItem(CURRENT_VIEW_MODE_KEY, mode)
-    this.setViewMode(mode)
-  }
-
-  @Action
-  enableDesktopViewMode() {
-    this.changeViewMode(ViewMode.Desktop)
-  }
-
-  @Action
-  enableMobileViewMode() {
-    this.changeViewMode(ViewMode.Mobile)
-  }
-}
diff --git a/utils/store-accessor.ts b/utils/store-accessor.ts
index e107d322..cb7203ae 100644
--- a/utils/store-accessor.ts
+++ b/utils/store-accessor.ts
@@ -6,21 +6,17 @@ import { getModule } from 'vuex-module-decorators'
 
 import WalletStore from '~/store/wallet'
 import IscnStore from '~/store/iscn'
-import UIStore from '~/store/ui'
 
 let walletStore: WalletStore
 let iscnStore: IscnStore
-let uiStore: UIStore
 
 function initialiseStores(store: Store<any>): void {
   walletStore = getModule(WalletStore, store)
   iscnStore = getModule(IscnStore, store)
-  uiStore = getModule(UIStore, store)
 }
 
 export {
   initialiseStores,
   walletStore,
   iscnStore,
-  uiStore,
 }