|
|
@@ -9,6 +9,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
+import { computed } from 'vue';
|
|
|
import { useRouter } from 'vue-router';
|
|
|
|
|
|
import LayoutExperience from './layout/LayoutExperience.vue';
|
|
|
@@ -18,13 +19,23 @@ import ChatAsideMenu from './conversation/ChatAsideMenu.vue';
|
|
|
|
|
|
import ConversationHistoryContainer from './conversation/ConversationHistoryContainer.vue';
|
|
|
|
|
|
+import { useThemeStore } from '../base/store/use-theme';
|
|
|
+
|
|
|
const router = useRouter();
|
|
|
|
|
|
-const content_style = {
|
|
|
- backgroundImage: 'url(../../../assets/chat/history-bg.png)',
|
|
|
- backgroundRepeat: 'no-repeat',
|
|
|
- backgroundSize: 'cover'
|
|
|
-};
|
|
|
+const theme = useThemeStore();
|
|
|
+
|
|
|
+const content_style = computed(() => {
|
|
|
+ if (theme.value === 'light') {
|
|
|
+ return {
|
|
|
+ backgroundImage: 'url(../../../assets/chat/history-bg.png)',
|
|
|
+ backgroundRepeat: 'no-repeat',
|
|
|
+ backgroundSize: 'cover'
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ return {};
|
|
|
+ }
|
|
|
+});
|
|
|
|
|
|
const handleHistoryActive = ({ target_id, agent_id }) => {
|
|
|
router.push({
|