From 6f926321ffc0e39c49fe1e59efe5e0703f604198 Mon Sep 17 00:00:00 2001
From: "Shishkevich D." <135337715+shishkevichd@users.noreply.github.com>
Date: Sat, 8 Mar 2025 13:31:19 +0000
Subject: [PATCH] chore: pretty `xray version` modal

---
 web/html/xui/index.html | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/web/html/xui/index.html b/web/html/xui/index.html
index fb6c1d8b..e49d3cfd 100644
--- a/web/html/xui/index.html
+++ b/web/html/xui/index.html
@@ -273,12 +273,14 @@
         @ok="() => versionModal.visible = false" :class="themeSwitcher.currentTheme" footer="">
       <a-alert type="warning" style="margin-bottom: 12px; width: fit-content"
         message='{{ i18n "pages.index.xraySwitchClickDesk" }}' show-icon></a-alert>
-      <template v-for="version, index in versionModal.versions">
-        <a-tag :color="index % 2 == 0 ? 'purple' : 'green'" style="margin-right: 12px; margin-bottom: 12px"
-          @click="switchV2rayVersion(version)">
-          [[ version ]]
-        </a-tag>
-      </template>
+      <a-list bordered style="width: 100%;">
+        <a-list-item class="ant-xray-version-item" v-for="version in versionModal.versions">
+          <a-list-item-meta>
+            <template #title>[[ version ]]</template>
+          </a-list-item-meta>
+          <a-radio :checked="version === `v${status.xray.version}`" @click="switchV2rayVersion(version)"></a-radio>
+        </a-list-item>
+      </a-list>
     </a-modal>
     <a-modal id="log-modal" v-model="logModal.visible"
         :closable="true" @cancel="() => logModal.visible = false"
@@ -614,12 +616,7 @@
                 txtModal.show('config.json', JSON.stringify(msg.obj, null, 2), 'config.json');
             },
             openBackup() {
-                backupModal.show({
-                    title: '{{ i18n "pages.index.backupTitle" }}',
-                    description: '{{ i18n "pages.index.backupDescription" }}',
-                    exportText: '{{ i18n "pages.index.exportDatabase" }}',
-                    importText: '{{ i18n "pages.index.importDatabase" }}',
-                });
+              backupModal.show();
             },
             exportDatabase() {
                 window.location = basePath + 'server/getDb';