From b1880d8089e5f4c3637018b5748cb148989736cb Mon Sep 17 00:00:00 2001
From: AricRedemption <aricredemption@gmail.com>
Date: Tue, 27 Aug 2024 20:16:21 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=A6=20VERSION:=203.2.1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Bridge/components/BridgeHistoryPanel.vue  |  6 ++---
 src/pages/wallet/Bridge/components/Empty.vue  | 24 +++++++++++++++++++
 2 files changed, 27 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/wallet/Bridge/components/Empty.vue

diff --git a/src/pages/wallet/Bridge/components/BridgeHistoryPanel.vue b/src/pages/wallet/Bridge/components/BridgeHistoryPanel.vue
index 13e2496..4e79d45 100644
--- a/src/pages/wallet/Bridge/components/BridgeHistoryPanel.vue
+++ b/src/pages/wallet/Bridge/components/BridgeHistoryPanel.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="no-scrollbar min-h-96 h-96 overflow-y-scroll w-full nicer-scrollbar">
-    <!-- <Empty v-if="list.length === 0 && !loading">
+    <Empty v-if="list.length === 0 && !loading">
       <template #description>
         <span class="font-sm mt-1 text-[#37463A]">No Transfers yet</span>
       </template>
-    </Empty> -->
+    </Empty>
 
     <div v-for="item in list" :key="item.originTxid" class="bg-panel/70 mt-3 rounded-xl py-5 px-3 w-full">
       <div class="flex items-center justify-between w-full">
@@ -41,10 +41,10 @@
 </template>
 
 <script setup>
+import Empty from './Empty.vue'
 import { ref, onMounted } from 'vue'
 import { prettyTimestamp } from '@/lib/utils'
 import { getBridgeHistory, useBridgeInfoQuery } from '@/queries/bridge'
-// import Empty from './Empty.vue'
 import btc from '@/assets/icons-v3/network_btc.svg'
 import mvc from '@/assets/icons-v3/network_mvc.svg'
 import { ArrowRight } from 'lucide-vue-next'
diff --git a/src/pages/wallet/Bridge/components/Empty.vue b/src/pages/wallet/Bridge/components/Empty.vue
new file mode 100644
index 0000000..400fadb
--- /dev/null
+++ b/src/pages/wallet/Bridge/components/Empty.vue
@@ -0,0 +1,24 @@
+<template>
+  <div :class="cn('flex h-full flex-col items-center justify-center', className)">
+    <EmptyIcon />
+    <div>
+      <span v-if="description" class="font-sm mt-2 text-[#37463A]">{{ description }}</span>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import EmptyIcon from '@/assets/icons-v3/empty.svg'
+import { cn } from '@/lib/utils'
+
+const props = defineProps({
+  description: {
+    type: String,
+    default: '',
+  },
+  className: {
+    type: String,
+    default: '',
+  },
+})
+</script>