[frogend] Settings refactor (#1318)

* yakshave new form field structure * fully refactor user profile settings form * use rtk query api for profile settings * refactor user post settings * refactor password change form * refactor admin settings * FormWithData structure for user forms * admin actions refactor * whitespace * fix user settings data prop * remove superfluous logging * cleanup old code * refactor federation/suspend (overview, detail) * mostly abstracted (emoji) checkbox list * refactor parse-from-toot * refactor custom-emoji, progress on federation bulk * loading icon styling to prevent big spinny * refactor federation import-export interface * cleanup old files * [chore] Update/add license headers for 2023 * redux fixes * text-field exports * appease the linter * refactor authentication with RTK Query * fix login/logout state transition weirdness * fixes/cleanup * small linter-related fixes * add eslint license header check, fix existing files * remove old code, clarify comment * clarify suspend on subdomains * collapse if/else * fa-fw width info comment
2025-06-05 21:59:39 +02:00 · 2023-01-18 14:45:14 +01:00
parent 974ec80a20
commit 9b139b6320
69 changed files with 3129 additions and 2663 deletions
--- a/web/source/settings/admin/federation/detail.js
+++ b/web/source/settings/admin/federation/detail.js
@@ -0,0 +1,146 @@
+/*
+	GoToSocial
+	Copyright (C) 2021-2023 GoToSocial Authors admin@gotosocial.org
+
+	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 <http://www.gnu.org/licenses/>.
+*/
+
+"use strict";
+
+const React = require("react");
+const { useRoute, Redirect } = require("wouter");
+
+const query = require("../../lib/query");
+
+const { useTextInput, useBoolInput } = require("../../lib/form");
+
+const useFormSubmit = require("../../lib/form/submit");
+
+const { TextInput, Checkbox, TextArea } = require("../../components/form/inputs");
+
+const Loading = require("../../components/loading");
+const BackButton = require("../../components/back-button");
+const MutationButton = require("../../components/form/mutation-button");
+
+module.exports = function InstanceDetail({ baseUrl }) {
+	const { data: blockedInstances = {}, isLoading } = query.useInstanceBlocksQuery();
+
+	let [_match, { domain }] = useRoute(`${baseUrl}/:domain`);
+
+	if (domain == "view") { // from form field submission
+		domain = (new URL(document.location)).searchParams.get("domain");
+	}
+
+	const existingBlock = React.useMemo(() => {
+		return blockedInstances[domain];
+	}, [blockedInstances, domain]);
+
+	if (domain == undefined) {
+		return <Redirect to={baseUrl} />;
+	}
+
+	let infoContent = null;
+
+	if (isLoading) {
+		infoContent = <Loading />;
+	} else if (existingBlock == undefined) {
+		infoContent = <span>No stored block yet, you can add one below:</span>;
+	} else {
+		infoContent = (
+			<div className="info">
+				<i className="fa fa-fw fa-exclamation-triangle" aria-hidden="true"></i>
+				<b>Editing domain blocks isn't implemented yet, <a href="https://github.com/superseriousbusiness/gotosocial/issues/1198" target="_blank" rel="noopener noreferrer">check here for progress</a></b>
+			</div>
+		);
+	}
+
+	return (
+		<div>
+			<h1><BackButton to={baseUrl} /> Federation settings for: {domain}</h1>
+			{infoContent}
+			<DomainBlockForm defaultDomain={domain} block={existingBlock} />
+		</div>
+	);
+};
+
+function DomainBlockForm({ defaultDomain, block = {} }) {
+	const isExistingBlock = block.domain != undefined;
+
+	const disabledForm = isExistingBlock
+		? {
+			disabled: true,
+			title: "Domain suspensions currently cannot be edited."
+		}
+		: {};
+
+	const form = {
+		domain: useTextInput("domain", { defaultValue: block.domain ?? defaultDomain }),
+		obfuscate: useBoolInput("obfuscate", { defaultValue: block.obfuscate }),
+		commentPrivate: useTextInput("private_comment", { defaultValue: block.private_comment }),
+		commentPublic: useTextInput("public_comment", { defaultValue: block.public_comment })
+	};
+
+	const [submitForm, addResult] = useFormSubmit(form, query.useAddInstanceBlockMutation(), { changedOnly: false });
+
+	const [removeBlock, removeResult] = query.useRemoveInstanceBlockMutation({ fixedCacheKey: block.id });
+
+	return (
+		<form onSubmit={submitForm}>
+			<TextInput
+				field={form.domain}
+				label="Domain"
+				placeholder="example.com"
+				{...disabledForm}
+			/>
+
+			<Checkbox
+				field={form.obfuscate}
+				label="Obfuscate domain in public lists"
+				{...disabledForm}
+			/>
+
+			<TextArea
+				field={form.commentPrivate}
+				label="Private comment"
+				rows={3}
+				{...disabledForm}
+			/>
+
+			<TextArea
+				field={form.commentPublic}
+				label="Public comment"
+				rows={3}
+				{...disabledForm}
+			/>
+
+			<MutationButton
+				label="Suspend"
+				result={addResult}
+				{...disabledForm}
+			/>
+
+			{
+				isExistingBlock &&
+				<MutationButton
+					type="button"
+					onClick={() => removeBlock(block.id)}
+					label="Remove"
+					result={removeResult}
+					className="button danger"
+				/>
+			}
+
+		</form>
+	);
+}