79 lines
2 KiB
Svelte
79 lines
2 KiB
Svelte
|
<script lang="ts">
|
||
|
|
import type { Member } from "$api/models/member";
|
||
|
|
import type { User } from "$api/models/user";
|
||
|
|
import ActionForm from "$components/admin/ActionForm.svelte";
|
||
|
|
import PartialProfileCard from "$components/admin/PartialProfileCard.svelte";
|
||
|
|
import ProfileHeader from "$components/profile/ProfileHeader.svelte";
|
||
|
|
import MemberCard from "$components/profile/user/MemberCard.svelte";
|
||
|
|
import { renderMarkdown } from "$lib/markdown";
|
||
|
|
import type { ActionData, PageData } from "./$types";
|
||
|
|
|
||
|
|
type Props = { data: PageData; form: ActionData };
|
||
|
|
let { data, form }: Props = $props();
|
||
|
|
let { report, user, member } = $derived(data);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<svelte:head>
|
||
|
|
<title>Report on @{user.username} • pronouns.cc</title>
|
||
|
|
</svelte:head>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md">
|
||
|
|
<h3>Target user</h3>
|
||
|
|
<PartialProfileCard user={report.target_user} />
|
||
|
|
</div>
|
||
|
|
{#if report.target_member}
|
||
|
|
<div class="col-md">
|
||
|
|
<h3>Target member</h3>
|
||
|
|
<MemberCard
|
||
|
|
username={report.target_user.username}
|
||
|
|
member={report.target_member}
|
||
|
|
allPreferences={{}}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
{/if}
|
||
|
|
<div class="col-md">
|
||
|
|
<h3>Reporter</h3>
|
||
|
|
<PartialProfileCard user={report.reporter} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md">
|
||
|
|
<h3>Reason</h3>
|
||
|
|
<p><code>{report.reason}</code></p>
|
||
|
|
</div>
|
||
|
|
<div class="col-md">
|
||
|
|
<h3>Context</h3>
|
||
|
|
<p>
|
||
|
|
{#if report.context}
|
||
|
|
{@html renderMarkdown(report.context)}
|
||
|
|
{:else}
|
||
|
|
<em>(no context given)</em>
|
||
|
|
{/if}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<h3>Take action</h3>
|
||
|
|
<ActionForm
|
||
|
|
userId={report.target_user.id}
|
||
|
|
reportId={report.id}
|
||
|
|
memberId={report.target_member?.id}
|
||
|
|
{form}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{#if report.snapshot}
|
||
|
|
<h3>Profile at time of report</h3>
|
||
|
|
<hr />
|
||
|
|
{#if report.target_type === "USER"}
|
||
|
|
{@const snapshot = report.snapshot as User}
|
||
|
|
<ProfileHeader profile={snapshot} name="@{snapshot.username}" />
|
||
|
|
{:else}
|
||
|
|
{@const snapshot = report.snapshot as Member}
|
||
|
|
<ProfileHeader profile={snapshot} name="{snapshot.name} (@{snapshot.user.username})" />
|
||
|
|
{/if}
|
||
|
|
{/if}
|