From 9c8c15bdfd2b658c76f9290424777a5409258397 Mon Sep 17 00:00:00 2001
From: HoshinoSuzumi <master@uniiem.com>
Date: Mon, 8 Apr 2024 17:11:20 +0800
Subject: [PATCH] fix: empty session page

---
 components/aigc/chat/NewSessionScreen.vue | 10 +++++++++-
 pages/aigc/chat/index.vue                 |  9 ++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/components/aigc/chat/NewSessionScreen.vue b/components/aigc/chat/NewSessionScreen.vue
index 2ad809b..220737f 100644
--- a/components/aigc/chat/NewSessionScreen.vue
+++ b/components/aigc/chat/NewSessionScreen.vue
@@ -4,7 +4,13 @@ import {useLazyAsyncData} from '#app'
 
 const loginState = useLoginState()
 
-const props = defineProps()
+const props = defineProps({
+  nonBack: {
+    type: Boolean,
+    default: false,
+  },
+})
+// noinspection JSUnusedLocalSymbols
 const emit = defineEmits({
   select: (assistant: Assistant | null) => true,
   cancel: () => true,
@@ -58,6 +64,7 @@ const {
     </Transition>
     <div class="w-full p-2">
       <UButton
+          v-if="!nonBack"
           variant="ghost"
           size="xs"
           @click="emit('cancel')"
@@ -123,6 +130,7 @@ const {
   </div>
 </template>
 
+<!--suppress CssUnusedSymbol -->
 <style scoped>
 .loading-screen-leave-active {
   @apply transition duration-300;
diff --git a/pages/aigc/chat/index.vue b/pages/aigc/chat/index.vue
index 00c2dac..031f853 100644
--- a/pages/aigc/chat/index.vue
+++ b/pages/aigc/chat/index.vue
@@ -265,6 +265,12 @@ onMounted(() => {
           <!-- ClientOnly avoids hydrate exception -->
           <ClientOnly>
             <TransitionGroup name="chat-item">
+              <div v-if="chatSessions.length === 0">
+                <div class="text-center text-neutral-400 dark:text-neutral-500 py-4 flex flex-col items-center gap-2">
+                  <Icon name="i-tabler-messages" class="text-2xl" />
+                  <span>没有会话</span>
+                </div>
+              </div>
               <ChatItem
                   v-for="session in chatSessions"
                   :chat-session="session" :key="session.id"
@@ -297,7 +303,8 @@ onMounted(() => {
 
       <Transition name="message" mode="out-in">
         <NewSessionScreen
-            v-if="modals.newSessionScreen"
+            v-if="modals.newSessionScreen || getSessionCopyById(currentSessionId!) === undefined"
+            :non-back="getSessionCopyById(currentSessionId!) === undefined"
             @select="createSession"
             @cancel="modals.newSessionScreen = false"
         />