52 lines
2.4 KiB
Vue
52 lines
2.4 KiB
Vue
<template>
|
|
<div class="flex flex-col min-h-screen">
|
|
<!-- Основной контент -->
|
|
<main class="flex-grow flex flex-col">
|
|
<section class="flex flex-col flex-grow max-w-prose w-full mx-auto p-4">
|
|
<ChatComponent userRole="guest" :qr_code_uri="qr_code_uri" :chat="chat">
|
|
<template #endOfMessages="{ count }">
|
|
<!-- Уведомление, если гость отправил только одно сообщение -->
|
|
<div
|
|
v-if="count === 1"
|
|
class="flex flex-col items-center justify-center text-center bg-gray-50 border border-gray-200 rounded-lg shadow-md p-6 mt-6"
|
|
>
|
|
<p class="text-gray-700 font-medium text-lg">Ваше сообщение отправлено.</p>
|
|
<p class="text-gray-600 mt-2">
|
|
Вы можете написать ещё одно сообщение или подождать ответа.
|
|
</p>
|
|
</div>
|
|
|
|
<p class="mt-10 text-sm text-gray-500 text-center">
|
|
Хотите создать собственный QR‑код?
|
|
<a href="/create" class="underline">Создайте его здесь</a>.
|
|
</p>
|
|
<p class="mt-1 text-sm text-gray-500 text-center">
|
|
Сделайте НаСвязи удобнее. Мы будем рады вашей <RouterLink
|
|
to="/donate"
|
|
class="underline"
|
|
>поддержке</RouterLink
|
|
>.
|
|
</p>
|
|
</template>
|
|
</ChatComponent>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- Футер -->
|
|
<!-- <footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700">-->
|
|
<!-- <p><a href="/create" class="underline">Создайте свой QR‑код</a>.</p>-->
|
|
<!-- <p class="mt-1">-->
|
|
<!-- Сделайте НаСвязи удобнее. Будем рады вашей <a href="/donate" class="underline"-->
|
|
<!-- >поддержке</a-->
|
|
<!-- >.-->
|
|
<!-- </p>-->
|
|
<!-- </footer>-->
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { MessageDocument } from '@/types/DBDocumentTypes'
|
|
import ChatComponent from '@/components/ChatComponent.vue'
|
|
defineProps<{ qr_code_uri: MessageDocument['qr_code_uri']; chat: MessageDocument['chat'] }>()
|
|
</script>
|