From 89e0cfd8741b6763ca04e90558bccf4c3c380cfa Mon Sep 17 00:00:00 2001 From: tobi <31960611+tsmethurst@users.noreply.github.com> Date: Sat, 13 Apr 2024 13:25:10 +0200 Subject: [feature] Admin accounts endpoints; approve/reject sign-ups (#2826) * update settings panels, add pending overview + approve/deny functions * add admin accounts get, approve, reject * send approved/rejected emails * use signup URL * docs! * email * swagger * web linting * fix email tests * wee lil fixerinos * use new paging logic for GetAccounts() series of admin endpoints, small changes to query building * shuffle useAccountIDIn check *before* adding to query * fix parse from toot react error * use `netip.Addr` * put valid slices in globals * optimistic updates for account state --------- Co-authored-by: kim --- web/source/settings/admin/reports/detail.tsx | 252 +++++++++++++++++++++++++++ 1 file changed, 252 insertions(+) create mode 100644 web/source/settings/admin/reports/detail.tsx (limited to 'web/source/settings/admin/reports/detail.tsx') diff --git a/web/source/settings/admin/reports/detail.tsx b/web/source/settings/admin/reports/detail.tsx new file mode 100644 index 000000000..94268dc1f --- /dev/null +++ b/web/source/settings/admin/reports/detail.tsx @@ -0,0 +1,252 @@ +/* + GoToSocial + Copyright (C) GoToSocial Authors admin@gotosocial.org + SPDX-License-Identifier: AGPL-3.0-or-later + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see . +*/ + +import React, { useState } from "react"; +import { useRoute, Redirect } from "wouter"; + +import FormWithData from "../../lib/form/form-with-data"; +import BackButton from "../../components/back-button"; + +import { useValue, useTextInput } from "../../lib/form"; +import useFormSubmit from "../../lib/form/submit"; + +import { TextArea } from "../../components/form/inputs"; + +import MutationButton from "../../components/form/mutation-button"; +import Username from "./username"; +import { useBaseUrl } from "../../lib/navigation/util"; +import { useGetReportQuery, useResolveReportMutation } from "../../lib/query/admin/reports"; + +export default function ReportDetail({ }) { + const baseUrl = useBaseUrl(); + let [_match, params] = useRoute(`${baseUrl}/:reportId`); + if (params?.reportId == undefined) { + return ; + } else { + return ( +
+

+ Report Details +

+ +
+ ); + } +} + +function ReportDetailForm({ data: report }) { + const from = report.account; + const target = report.target_account; + + return ( +
+
+ reported +
+ + {report.action_taken && +
+

Resolved by @{report.action_taken_by_account.account.acct}

+ at {new Date(report.action_taken_at).toLocaleString()} +
+ Comment: {report.action_taken_comment} +
+ } + +
+

Report info:

+
+ Created: + {new Date(report.created_at).toLocaleString()} + + Forwarded: {report.forwarded ? "Yes" : "No"} + Category: {report.category} + + Reason: + {report.comment.length > 0 + ?

{report.comment}

+ : none provided + } + +
+
+ + {!report.action_taken && } + + { + report.statuses.length > 0 && +
+

Reported toots ({report.statuses.length}):

+
+ {report.statuses.map((status) => ( + + ))} +
+
+ } +
+ ); +} + +function ReportActionForm({ report }) { + const form = { + id: useValue("id", report.id), + comment: useTextInput("action_taken_comment") + }; + + const [submit, result] = useFormSubmit(form, useResolveReportMutation(), { changedOnly: false }); + + return ( +
+

Resolving this report

+

+ An optional comment can be included while resolving this report. + Useful for providing an explanation about what action was taken (if any) before the report was marked as resolved.
+ This will be visible to the user that created the report! +

+