, ohne die App zu verlassen. Ziel des Profil-Banners und des
+ * Antippens einer PET_LOST-Mitteilung (src/lib/notification-route.ts).
+ */
+export default function LostPetScreen() {
+ const { petId } = useLocalSearchParams<{ petId: string }>();
+ const { t } = useTranslation();
+ const trpc = useTRPC();
+ const router = useRouter();
+ const { activePetId, pets } = useActivePet();
+ const { colors } = useTheme();
+ const styles = useMemo(() => makeStyles(colors), [colors]);
+ const bottomPadding = useBottomSafePadding();
+
+ const { data: report, isLoading } = useQuery(trpc.lostReports.byPet.queryOptions({ petId }));
+ const openConversation = useMutation(
+ trpc.conversations.getOrCreate.mutationOptions({
+ onSuccess: (conversation) => router.push(`/messages/${conversation.id}`),
+ })
+ );
+
+ if (isLoading) {
+ return (
+
+
+ );
+ }
+
+ if (!report) {
+ return (
+
+ {t("lostView.notActiveTitle")}
+ {t("lostView.notActiveText")}
+
+ );
+ }
+
+ const { pet } = report;
+ const isOwnPet = pets.some((p) => p.id === pet.id);
+ const heroUrl = getAvatarUrl(pet.avatarKey) ?? (report.photos[0] ? getMediaUrl(report.photos[0].storageKey) : undefined);
+ const photoUrls = report.photos.map((p) => getMediaUrl(p.storageKey));
+ const publicUrl = `${env.apiUrl}/vermisst/${report.code}`;
+
+ return (
+
+
+
+ {t("lostView.badge")}
+
+ {t("lostView.heading", { name: pet.name })}
+
+ {pet.speciesName}
+ {pet.breedName ? ` · ${pet.breedName}` : ""}
+
+
+
+ {heroUrl ?
+
+
+ {!isOwnPet && (
+
+ {t("lostView.contactHeading", { name: pet.name })}
+ {report.contactPhone ? (
+ {t("lostView.approachHint")}
+
+ )}
+
+ {photoUrls.length > 0 && (
+
+ {t("lostView.photosHeading")}
+
+ {photoUrls.map((url, index) => (
+
+ router.push({ pathname: "/image-viewer", params: { images: JSON.stringify(photoUrls), index: String(index) } })
+ }
+ >
+
+ ))}
+
+
+ )}
+
+ void Share.share({ message: `${t("lostView.shareText", { name: pet.name })} ${publicUrl}` })}
+ >
+ {t("lostView.share")}
+
+
+ );
+}
+
+type Styles = ReturnType;
+
+function Fact({ icon, label, value, styles }: { icon: React.ReactNode; label: string; value: string; styles: Styles }) {
+ return (
+
+ {icon}
+
+ {label}
+ {value}
+
+
+ );
+}
+
+function ContactButton({ icon, label, onPress, styles }: { icon: React.ReactNode; label: string; onPress: () => void; styles: Styles }) {
+ return (
+
+ {icon}
+
+ {label}
+
+
+ );
+}
+
+function makeStyles(colors: ColorTokens) {
+ const typography: Typography = getTypography(colors);
+ return StyleSheet.create({
+ container: { padding: 16, gap: 16, backgroundColor: colors.porchWhite, flexGrow: 1 },
+ center: { flex: 1, alignItems: "center", justifyContent: "center", gap: 12, padding: 24, backgroundColor: colors.porchWhite },
+ emptyTitle: { ...typography.title, fontSize: 18, textAlign: "center" },
+ header: { alignItems: "center", gap: 6 },
+ badge: { flexDirection: "row", alignItems: "center", gap: 4, backgroundColor: RED, borderRadius: 999, paddingHorizontal: 10, paddingVertical: 4 },
+ badgeText: { ...typography.label, color: "#fff", letterSpacing: 0.6 },
+ heading: { ...typography.title, fontSize: 24, textAlign: "center" },
+ muted: { ...typography.body, color: colors.quietGray, textAlign: "center" },
+ hero: { width: "100%", aspectRatio: 1, borderRadius: radii.lg, backgroundColor: colors.whisperGray },
+ card: { gap: 12, padding: 14, borderRadius: radii.lg, borderWidth: 1, borderColor: colors.hairlineGray, backgroundColor: colors.pureWhite },
+ fact: { flexDirection: "row", gap: 10 },
+ factIcon: { paddingTop: 2 },
+ flex: { flex: 1 },
+ factLabel: { ...typography.label, textTransform: "none", letterSpacing: 0 },
+ factValue: { ...typography.body },
+ contactCard: { gap: 8, padding: 14, borderRadius: radii.lg, borderWidth: 1, borderColor: colors.alertRedTint, backgroundColor: colors.alertRedTint },
+ contactHeading: { ...typography.title, fontSize: 16 },
+ contactButton: {
+ flexDirection: "row",
+ alignItems: "center",
+ gap: 10,
+ height: 48,
+ paddingHorizontal: 14,
+ borderRadius: radii.lg,
+ backgroundColor: colors.pureWhite,
+ borderWidth: 1,
+ borderColor: colors.hairlineGray,
+ },
+ contactButtonText: { ...typography.body, fontFamily: typography.title.fontFamily, flexShrink: 1 },
+ hint: { ...typography.label, textTransform: "none", letterSpacing: 0, marginTop: 4 },
+ section: { gap: 8 },
+ sectionTitle: { ...typography.title, fontSize: 15 },
+ grid: { flexDirection: "row", flexWrap: "wrap", gap: 6 },
+ gridItem: { width: "32%", aspectRatio: 1 },
+ gridImage: { width: "100%", height: "100%", borderRadius: 8, backgroundColor: colors.whisperGray },
+ shareButton: {
+ flexDirection: "row",
+ alignItems: "center",
+ justifyContent: "center",
+ gap: 8,
+ height: 48,
+ borderRadius: radii.lg,
+ borderWidth: 1,
+ borderColor: colors.hairlineGray,
+ },
+ shareText: { ...typography.body, fontFamily: typography.title.fontFamily },
+ });
+}
diff --git a/mobile/app/(app)/pets/[petId]/index.tsx b/mobile/app/(app)/pets/[petId]/index.tsx
index bcc043a..34432c9 100644
--- a/mobile/app/(app)/pets/[petId]/index.tsx
+++ b/mobile/app/(app)/pets/[petId]/index.tsx
@@ -1,5 +1,5 @@
import { useMemo, useState } from "react";
-import { View, Text, FlatList, Pressable, ActivityIndicator, Alert, Linking, StyleSheet } from "react-native";
+import { View, Text, FlatList, Pressable, ActivityIndicator, Alert, StyleSheet } from "react-native";
import { Stack, useLocalSearchParams, useRouter } from "expo-router";
import { useTranslation } from "react-i18next";
import { useQuery, useMutation } from "@tanstack/react-query";
@@ -18,7 +18,6 @@ import { useBlockPet } from "../../../../src/hooks/useBlockPet";
import { useVisiblePostIds } from "../../../../src/hooks/useVisiblePostIds";
import { formatPetName } from "../../../../src/lib/format";
import { isoToDisplayDate } from "../../../../src/lib/date-format";
-import { env } from "../../../../src/lib/env";
import { getAvatarUrl } from "../../../../src/lib/media-url";
import { getTypography, type ColorTokens, type Typography } from "../../../../src/theme/tokens";
import { useBottomSafePadding } from "../../../../src/hooks/useBottomSafePadding";
@@ -153,7 +152,7 @@ export default function PetProfileScreen() {
void Linking.openURL(`${env.apiUrl}/vermisst/${pet.lostReport?.code}`)}
+ onPress={() => router.push(`/lost/${pet.id}`)}
>
;
+const ctx = (prisma: MockPrisma) => ({ userId: "admin-1", prisma: prisma as never, locale: "de", ip: "127.0.0.1" });
+
+describe("lostReportAdmin", () => {
+ let prisma: MockPrisma;
+
+ beforeEach(() => {
+ vi.clearAllMocks();
+ mockAssertAdmin.mockResolvedValue("MODERATOR");
+ prisma = createMockPrisma();
+ prisma.$transaction.mockImplementation((ops: unknown[]) => Promise.all(ops));
+ prisma.notification.groupBy.mockResolvedValue([{ actorPetId: "pet-1", _count: { _all: 4 } }]);
+ });
+
+ it("lists reports with their reach and filters active ones", async () => {
+ prisma.lostReport.findMany.mockResolvedValue([{ id: "r1", pet: { id: "pet-1" } }, { id: "r2", pet: { id: "pet-2" } }]);
+ prisma.lostReport.count.mockResolvedValue(1);
+
+ const result = await lostReportAdminRouter.createCaller(ctx(prisma)).list({ status: "ACTIVE" });
+
+ expect(prisma.lostReport.findMany).toHaveBeenCalledWith(expect.objectContaining({ where: { foundAt: null } }));
+ expect(result.activeCount).toBe(1);
+ expect(result.reports.map((r) => r.notifiedCount)).toEqual([4, 0]);
+ });
+
+ it("is moderator-only", async () => {
+ mockAssertAdmin.mockRejectedValue(new TRPCError({ code: "FORBIDDEN" }));
+ await expect(lostReportAdminRouter.createCaller(ctx(prisma)).list({ status: "ALL" })).rejects.toThrow(TRPCError);
+ });
+
+ it("closes an active report without an all-clear, clears the badge and logs it", async () => {
+ prisma.lostReport.findUnique.mockResolvedValue({ id: "r1", petId: "pet-1", foundAt: null });
+
+ await lostReportAdminRouter.createCaller(ctx(prisma)).moderate({ reportId: "r1", mode: "CLOSE", reason: "vergessen" });
+
+ expect(prisma.lostReport.update).toHaveBeenCalledWith({ where: { id: "r1" }, data: { foundAt: expect.any(Date) } });
+ expect(prisma.pet.update).toHaveBeenCalledWith({ where: { id: "pet-1" }, data: { lostSince: null } });
+ expect(prisma.moderationLog.create).toHaveBeenCalledWith({
+ data: expect.objectContaining({ action: "CLOSE_LOST_REPORT", targetId: "pet-1", reason: "vergessen", moderatorRole: "MODERATOR" }),
+ });
+ expect(prisma.notification.createMany).not.toHaveBeenCalled();
+ });
+
+ it("deletes an abusive report; an already closed one leaves the pet untouched", async () => {
+ prisma.lostReport.findUnique.mockResolvedValue({ id: "r1", petId: "pet-1", foundAt: new Date() });
+
+ await lostReportAdminRouter.createCaller(ctx(prisma)).moderate({ reportId: "r1", mode: "DELETE" });
+
+ expect(prisma.lostReport.delete).toHaveBeenCalledWith({ where: { id: "r1" } });
+ expect(prisma.pet.update).not.toHaveBeenCalled();
+ expect(prisma.moderationLog.create).toHaveBeenCalledWith({ data: expect.objectContaining({ action: "DELETE_LOST_REPORT" }) });
+ });
+});
+
+describe("lostReports.byPet", () => {
+ it("returns the active report for the in-app view and hides nothing the owner published", async () => {
+ const prisma = createMockPrisma();
+ prisma.lostReport.findFirst.mockResolvedValue({
+ code: "abcdefgh",
+ lastSeenAt: new Date(),
+ lastSeenPlace: "Park",
+ description: null,
+ contactPhone: "0171 123",
+ contactEmail: null,
+ allowIndexing: false,
+ foundAt: null,
+ pet: {
+ id: "pet-1",
+ name: "Bello",
+ avatarKey: null,
+ species: { name: "Hund", translations: [] },
+ breed: null,
+ posts: [{ id: "p1", images: [{ storageKey: "posts/a.jpg" }] }, { id: "p2", images: [] }],
+ },
+ });
+
+ const view = await lostReportsRouter.createCaller(ctx(prisma)).byPet({ petId: "pet-1" });
+
+ expect(prisma.lostReport.findFirst).toHaveBeenCalledWith(expect.objectContaining({ where: { petId: "pet-1", foundAt: null } }));
+ expect(view?.contactPhone).toBe("0171 123");
+ expect(view?.pet).toMatchObject({ name: "Bello", speciesName: "Hund", breedName: null });
+ expect(view?.photos).toEqual([{ postId: "p1", storageKey: "posts/a.jpg" }]);
+ });
+
+ it("is null when the pet is not missing", async () => {
+ const prisma = createMockPrisma();
+ expect(await lostReportsRouter.createCaller(ctx(prisma)).byPet({ petId: "pet-1" })).toBeNull();
+ });
+});
diff --git a/src/app/p/[secret]/layout.tsx b/src/app/p/[secret]/layout.tsx
index 8fae6b4..89ef7fd 100644
--- a/src/app/p/[secret]/layout.tsx
+++ b/src/app/p/[secret]/layout.tsx
@@ -24,6 +24,7 @@ import {
Gift,
Sprout,
PawPrint,
+ Siren,
} from "lucide-react";
interface AdminLayoutProps {
@@ -75,6 +76,7 @@ export default async function AdminLayout({ children, params }: AdminLayoutProps
{ href: `${base}/broadcasts`, label: "Mitteilungen", Icon: Radio },
{ href: `${base}/log`, label: "Audit Log", Icon: ScrollText },
{ href: `${base}/verification`, label: "Verification", Icon: BadgeCheck },
+ { href: `${base}/lost`, label: "Vermisst", Icon: Siren },
{ href: `${base}/referrals`, label: "Empfehlungen", Icon: Gift },
{ href: `${base}/curator`, label: "Begrüßung", Icon: Sprout },
{ href: `${base}/blacklist`, label: "Blacklist", Icon: Ban },
diff --git a/src/app/p/[secret]/lost/page.tsx b/src/app/p/[secret]/lost/page.tsx
new file mode 100644
index 0000000..1bebda4
--- /dev/null
+++ b/src/app/p/[secret]/lost/page.tsx
@@ -0,0 +1,190 @@
+"use client";
+
+import { useState } from "react";
+import Link from "next/link";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { ExternalLink, Loader2, Mail, MapPin, Phone, Search, Siren, Users } from "lucide-react";
+import { toast } from "sonner";
+import { useTRPC } from "@/trpc/client";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import { Textarea } from "@/components/ui/textarea";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { getAvatarUrl } from "@/lib/avatar-url";
+
+type Status = "ACTIVE" | "FOUND" | "ALL";
+type Mode = "CLOSE" | "DELETE";
+
+const STATUS_LABEL: Record = { ACTIVE: "Aktiv", FOUND: "Wieder da", ALL: "Alle" };
+
+const DATE_FORMAT = new Intl.DateTimeFormat("de-DE", { dateStyle: "medium", timeStyle: "short", timeZone: "Europe/Berlin" });
+
+/**
+ * Admin „Vermisst“ — alle Vermisst-Meldungen. Moderatoren schließen vergessene
+ * Meldungen (ohne Entwarnung) oder löschen Missbrauch; beides im Audit-Log.
+ */
+export default function AdminLostReportsPage() {
+ const trpc = useTRPC();
+ const qc = useQueryClient();
+ const [status, setStatus] = useState("ACTIVE");
+ const [target, setTarget] = useState<{ id: string; name: string; mode: Mode } | null>(null);
+ const [reason, setReason] = useState("");
+
+ const { data, isLoading } = useQuery(trpc.lostReportAdmin.list.queryOptions({ status }));
+ const moderate = useMutation(
+ trpc.lostReportAdmin.moderate.mutationOptions({
+ onSuccess: () => {
+ toast.success(target?.mode === "DELETE" ? "Meldung gelöscht" : "Meldung geschlossen");
+ setTarget(null);
+ setReason("");
+ void qc.invalidateQueries({ queryKey: trpc.lostReportAdmin.list.queryKey() });
+ },
+ onError: (err) => toast.error(err.message),
+ })
+ );
+
+ return (
+
+
+
+
+
+
+ {data ? `${data.activeCount} aktive Meldung${data.activeCount === 1 ? "" : "en"}` : "Vermisst-Meldungen der Nutzer"}
+
+
+
+ {(Object.keys(STATUS_LABEL) as Status[]).map((s) => (
+
+ ))}
+
+
+
+ {isLoading ? (
+
+ {data.reports.map((r) => {
+ const isActive = r.foundAt == null;
+ return (
+ -
+
+
+ {r.pet.name.slice(0, 2).toUpperCase()}
+
+
+
+ {r.pet.name}
+
+ gemeldet {DATE_FORMAT.format(new Date(r.createdAt))}
+
+ {isActive ? (
+ Aktiv
+ ) : (
+ Wieder da · {DATE_FORMAT.format(new Date(r.foundAt!))}
+ )}
+
+
+
+
+
+ {r.description && {r.description}
}
+
+
+
+
+
+ {r.contactPhone && (
+
+
+ )}
+ {r.contactEmail && (
+
+
+ )}
+ {r.allowIndexing ? "Suchmaschinen erlaubt" : "Nur per Link"}
+
+
+
+
+ Öffentliche Seite
+ );
+ })}
+
+ )}
+
+