Разработана первая версия приложений

2026-07-10 18:06:14 +03:00
parent aa8761d1b3
commit 8c7b4074c4
162 changed files with 12178 additions and 16 deletions
@@ -0,0 +1,46 @@
+import { useInfiniteQuery } from "@tanstack/react-query";
+import { Link } from "expo-router";
+import React from "react";
+import { ScrollView, Text, View } from "react-native";
+import { useApp } from "../../src/app-context";
+import { dialogApi } from "../../src/services";
+import { Button, ErrorNotice, Header, Loading, styles } from "../../src/ui";
+
+const statusLabels = {
+  open: "Открыт",
+  waiting_for_company: "Ожидает ответа компании",
+  waiting_for_client: "Ожидает вашего ответа",
+  closed: "Закрыт",
+};
+
+export default function DialogsScreen() {
+  const app = useApp();
+  const dialogs = useInfiniteQuery({
+    queryKey: ["dialogs"],
+    queryFn: ({ pageParam }) => dialogApi.list(pageParam),
+    initialPageParam: undefined as string | undefined,
+    getNextPageParam: (page) => page.next_cursor ?? undefined,
+    enabled: app.authStatus === "authenticated",
+  });
+  if (app.authStatus !== "authenticated") return <ScrollView contentContainerStyle={styles.page}>
+    <Header status={app.authStatus} realtime={app.realtimeState} />
+    <Text accessibilityRole="header" style={styles.title}>История диалогов</Text>
+    <Text style={styles.text}>История доступна после авторизации. Отправьте сообщение на главной странице, чтобы войти.</Text>
+    <Link href="/" style={styles.link}>На главную</Link>
+  </ScrollView>;
+
+  const items = dialogs.data?.pages.flatMap((page) => page.items) ?? [];
+  return <ScrollView contentContainerStyle={styles.page}>
+    <Header status={app.authStatus} realtime={app.realtimeState} onLogout={() => void app.signOut()} />
+    <Text accessibilityRole="header" style={styles.title}>История диалогов</Text>
+    {dialogs.isLoading && <Loading />}
+    {dialogs.error && <ErrorNotice error={dialogs.error} retry={() => void dialogs.refetch()} />}
+    {!dialogs.isLoading && !items.length && <Text style={styles.muted}>Диалогов пока нет.</Text>}
+    {items.map((dialog) => <View key={dialog.dialog_id} style={styles.card}>
+        <Text style={styles.heading}>{statusLabels[dialog.status]}</Text>
+        <Text style={styles.muted}>Диалог {dialog.dialog_id.slice(0, 8)}…</Text>
+        <Link href={`/dialogs/${dialog.dialog_id}`} style={styles.link}>Открыть диалог</Link>
+      </View>)}
+    {dialogs.hasNextPage && <Button title="Показать ещё" secondary disabled={dialogs.isFetchingNextPage} onPress={() => void dialogs.fetchNextPage()} />}
+  </ScrollView>;
+}