From 3cd7aafc8172094edf7f37b97125fc99c39995c1 Mon Sep 17 00:00:00 2001
From: ljt990218 <50509815+ljt990218@users.noreply.github.com>
Date: Sun, 23 Jun 2024 22:31:55 +0800
Subject: [PATCH] feat(History): add device icons for history items (#854)

* fix: UserPanelPop hover Inconsistent animation

* fix(VideoCard): `moreBtn` Button issue from `#829`, add cursor-pointer class to enhance UX

* feat(History): add device icons for history items
---
 src/contentScripts/views/History/History.vue | 33 ++++++++++++++++----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/contentScripts/views/History/History.vue b/src/contentScripts/views/History/History.vue
index 75f58f06..dd9c76d7 100644
--- a/src/contentScripts/views/History/History.vue
+++ b/src/contentScripts/views/History/History.vue
@@ -420,12 +420,30 @@ function jumpToLoginPage() {
                     Live
                   </span>
                 </a>
-                <p display="block xl:none" text="$bew-text-3 sm" mt-auto mb-2>
-                  {{
-                    useDateFormat(historyItem.view_at * 1000, 'YYYY-MM-DD HH:mm:ss')
-                      .value
-                  }}
-                </p>
+                <div
+                  display="xl:none"
+                  flex items-center
+                  text="$bew-text-3 sm"
+                  mt-auto
+                  mb-2
+                >
+                  <div
+                    v-if="historyItem.history.dt === 1 || historyItem.history.dt === 3 || historyItem.history.dt === 5 || historyItem.history.dt === 7"
+                    i-mingcute:cellphone-line class="historyItemDevice"
+                  />
+                  <div v-if="historyItem.history.dt === 2" i-mingcute:tv-1-line class="historyItemDevice" />
+                  <div
+                    v-if="historyItem.history.dt === 4 || historyItem.history.dt === 6" i-mingcute:pad-line
+                    class="historyItemDevice"
+                  />
+                  <div v-if="historyItem.history.dt === 33" i-mingcute:tv-2-line class="historyItemDevice" />
+                  <div>
+                    {{
+                      useDateFormat(historyItem.view_at * 1000, 'YYYY-MM-DD HH:mm:ss')
+                        .value
+                    }}
+                  </div>
+                </div>
               </div>
 
               <button
@@ -519,4 +537,7 @@ function jumpToLoginPage() {
 </template>
 
 <style lang="scss" scoped>
+.historyItemDevice {
+  --uno: "text-[18px] mr-[8px]";
+}
 </style>