- }
- { local && !adminAcct.approved
- ?
-
- :
-
- }
-
- );
-}
diff --git a/web/source/settings/admin/accounts/index.tsx b/web/source/settings/admin/accounts/index.tsx
deleted file mode 100644
index 3c69f7406..000000000
--- a/web/source/settings/admin/accounts/index.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-/*
- 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 from "react";
-import { Switch, Route } from "wouter";
-
-import AccountDetail from "./detail";
-import { AccountSearchForm } from "./search";
-
-export default function Accounts({ baseUrl }) {
- return (
-
-
-
-
-
-
- );
-}
-
-function AccountOverview({ }) {
- return (
-
-
Accounts Overview
-
- You can perform actions on an account by clicking
- its name in a report, or by searching for the account
- using the form below and clicking on its name.
-
-
-
- );
-}
diff --git a/web/source/settings/admin/accounts/pending/index.tsx b/web/source/settings/admin/accounts/pending/index.tsx
deleted file mode 100644
index 459472147..000000000
--- a/web/source/settings/admin/accounts/pending/index.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- 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 from "react";
-import { useSearchAccountsQuery } from "../../../lib/query";
-import { AccountList } from "../../../components/account-list";
-
-export default function AccountsPending() {
- const searchRes = useSearchAccountsQuery({status: "pending"});
-
- return (
-
-
Pending Accounts
-
-
- );
-}
diff --git a/web/source/settings/admin/accounts/search/index.tsx b/web/source/settings/admin/accounts/search/index.tsx
deleted file mode 100644
index 560bbb76a..000000000
--- a/web/source/settings/admin/accounts/search/index.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-/*
- 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 from "react";
-
-import { useLazySearchAccountsQuery } from "../../../lib/query";
-import { useTextInput } from "../../../lib/form";
-
-import { AccountList } from "../../../components/account-list";
-import { SearchAccountParams } from "../../../lib/types/account";
-import { Select, TextInput } from "../../../components/form/inputs";
-import MutationButton from "../../../components/form/mutation-button";
-
-export function AccountSearchForm() {
- const [searchAcct, searchRes] = useLazySearchAccountsQuery();
-
- const form = {
- origin: useTextInput("origin"),
- status: useTextInput("status"),
- permissions: useTextInput("permissions"),
- username: useTextInput("username"),
- display_name: useTextInput("display_name"),
- by_domain: useTextInput("by_domain"),
- email: useTextInput("email"),
- ip: useTextInput("ip"),
- };
-
- function submitSearch(e) {
- e.preventDefault();
-
- // Parse query parameters.
- const entries = Object.entries(form).map(([k, v]) => {
- // Take only defined form fields.
- if (v.value === undefined || v.value.length === 0) {
- return null;
- }
- return [[k, v.value]];
- }).flatMap(kv => {
- // Remove any nulls.
- return kv || [];
- });
-
- const params: SearchAccountParams = Object.fromEntries(entries);
- searchAcct(params);
- }
-
- return (
- <>
-
-
-
- );
-}
diff --git a/web/source/settings/admin/actions/keys/expireremote.tsx b/web/source/settings/admin/actions/keys/expireremote.tsx
deleted file mode 100644
index 3b5da2836..000000000
--- a/web/source/settings/admin/actions/keys/expireremote.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-/*
- 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 from "react";
-
-import { useInstanceKeysExpireMutation } from "../../../lib/query";
-
-import { useTextInput } from "../../../lib/form";
-import { TextInput } from "../../../components/form/inputs";
-
-import MutationButton from "../../../components/form/mutation-button";
-
-export default function ExpireRemote({}) {
- const domainField = useTextInput("domain");
-
- const [expire, expireResult] = useInstanceKeysExpireMutation();
-
- function submitExpire(e) {
- e.preventDefault();
- expire(domainField.value);
- }
-
- return (
-
- );
-}
diff --git a/web/source/settings/admin/actions/keys/index.tsx b/web/source/settings/admin/actions/keys/index.tsx
deleted file mode 100644
index 74bfd36ee..000000000
--- a/web/source/settings/admin/actions/keys/index.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- 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 from "react";
-import ExpireRemote from "./expireremote";
-
-export default function Keys() {
- return (
- <>
-
Key Actions
-
-
- );
-}
diff --git a/web/source/settings/admin/actions/media/cleanup.tsx b/web/source/settings/admin/actions/media/cleanup.tsx
deleted file mode 100644
index fd3ca1f41..000000000
--- a/web/source/settings/admin/actions/media/cleanup.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
- 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 from "react";
-
-import { useMediaCleanupMutation } from "../../../lib/query";
-
-import { useTextInput } from "../../../lib/form";
-import { TextInput } from "../../../components/form/inputs";
-
-import MutationButton from "../../../components/form/mutation-button";
-
-export default function Cleanup({}) {
- const daysField = useTextInput("days", { defaultValue: "30" });
-
- const [mediaCleanup, mediaCleanupResult] = useMediaCleanupMutation();
-
- function submitCleanup(e) {
- e.preventDefault();
- mediaCleanup(daysField.value);
- }
-
- return (
-
- );
-}
diff --git a/web/source/settings/admin/actions/media/index.tsx b/web/source/settings/admin/actions/media/index.tsx
deleted file mode 100644
index b3b805986..000000000
--- a/web/source/settings/admin/actions/media/index.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- 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 from "react";
-import Cleanup from "./cleanup";
-
-export default function Media() {
- return (
- <>
-
Media Actions
-
-
- );
-}
diff --git a/web/source/settings/admin/domain-permissions/detail.tsx b/web/source/settings/admin/domain-permissions/detail.tsx
deleted file mode 100644
index f74802666..000000000
--- a/web/source/settings/admin/domain-permissions/detail.tsx
+++ /dev/null
@@ -1,254 +0,0 @@
-/*
- 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 from "react";
-
-import { useMemo } from "react";
-import { useLocation } from "wouter";
-
-import { useTextInput, useBoolInput } from "../../lib/form";
-
-import useFormSubmit from "../../lib/form/submit";
-
-import { TextInput, Checkbox, TextArea } from "../../components/form/inputs";
-
-import Loading from "../../components/loading";
-import BackButton from "../../components/back-button";
-import MutationButton from "../../components/form/mutation-button";
-
-import { useDomainAllowsQuery, useDomainBlocksQuery } from "../../lib/query/admin/domain-permissions/get";
-import { useAddDomainAllowMutation, useAddDomainBlockMutation, useRemoveDomainAllowMutation, useRemoveDomainBlockMutation } from "../../lib/query/admin/domain-permissions/update";
-import { DomainPerm, PermType } from "../../lib/types/domain-permission";
-import { NoArg } from "../../lib/types/query";
-import { Error } from "../../components/error";
-
-export interface DomainPermDetailProps {
- baseUrl: string;
- permType: PermType;
- domain: string;
-}
-
-export default function DomainPermDetail({ baseUrl, permType, domain }: DomainPermDetailProps) {
- const { data: domainBlocks = {}, isLoading: isLoadingDomainBlocks } = useDomainBlocksQuery(NoArg, { skip: permType !== "block" });
- const { data: domainAllows = {}, isLoading: isLoadingDomainAllows } = useDomainAllowsQuery(NoArg, { skip: permType !== "allow" });
-
- let isLoading;
- switch (permType) {
- case "block":
- isLoading = isLoadingDomainBlocks;
- break;
- case "allow":
- isLoading = isLoadingDomainAllows;
- break;
- default:
- throw "perm type unknown";
- }
-
- if (domain == "view") {
- // Retrieve domain from form field submission.
- domain = (new URL(document.location.toString())).searchParams.get("domain")?? "unknown";
- }
-
- if (domain == "unknown") {
- throw "unknown domain";
- }
-
- // Normalize / decode domain (it may be URL-encoded).
- domain = decodeURIComponent(domain);
-
- // Check if we already have a perm of the desired type for this domain.
- const existingPerm: DomainPerm | undefined = useMemo(() => {
- if (permType == "block") {
- return domainBlocks[domain];
- } else {
- return domainAllows[domain];
- }
- }, [domainBlocks, domainAllows, domain, permType]);
-
- let infoContent: React.JSX.Element;
-
- if (isLoading) {
- infoContent = ;
- } else if (existingPerm == undefined) {
- infoContent = No stored {permType} yet, you can add one below:;
- } else {
- infoContent = (
-
- );
-}
-
-interface DomainPermFormProps {
- defaultDomain: string;
- perm?: DomainPerm;
- permType: PermType;
- baseUrl: string;
-}
-
-function DomainPermForm({ defaultDomain, perm, permType, baseUrl }: DomainPermFormProps) {
- const isExistingPerm = perm !== undefined;
- const disabledForm = isExistingPerm
- ? {
- disabled: true,
- title: "Domain permissions currently cannot be edited."
- }
- : {
- disabled: false,
- title: "",
- };
-
- const form = {
- domain: useTextInput("domain", { source: perm, defaultValue: defaultDomain }),
- obfuscate: useBoolInput("obfuscate", { source: perm }),
- commentPrivate: useTextInput("private_comment", { source: perm }),
- commentPublic: useTextInput("public_comment", { source: perm })
- };
-
- // Check which perm type we're meant to be handling
- // here, and use appropriate mutations and results.
- // We can't call these hooks conditionally because
- // react is like "weh" (mood), but we can decide
- // which ones to use conditionally.
- const [ addBlock, addBlockResult ] = useAddDomainBlockMutation();
- const [ removeBlock, removeBlockResult] = useRemoveDomainBlockMutation({ fixedCacheKey: perm?.id });
- const [ addAllow, addAllowResult ] = useAddDomainAllowMutation();
- const [ removeAllow, removeAllowResult ] = useRemoveDomainAllowMutation({ fixedCacheKey: perm?.id });
-
- const [
- addTrigger,
- addResult,
- removeTrigger,
- removeResult,
- ] = useMemo(() => {
- return permType == "block"
- ? [
- addBlock,
- addBlockResult,
- removeBlock,
- removeBlockResult,
- ]
- : [
- addAllow,
- addAllowResult,
- removeAllow,
- removeAllowResult,
- ];
- }, [permType,
- addBlock, addBlockResult, removeBlock, removeBlockResult,
- addAllow, addAllowResult, removeAllow, removeAllowResult,
- ]);
-
- // Use appropriate submission params for this permType.
- const [submitForm, submitFormResult] = useFormSubmit(form, [addTrigger, addResult], { changedOnly: false });
-
- // Uppercase first letter of given permType.
- const permTypeUpper = useMemo(() => {
- return permType.charAt(0).toUpperCase() + permType.slice(1);
- }, [permType]);
-
- const [location, setLocation] = useLocation();
-
- function verifyUrlThenSubmit(e) {
- // Adding a new domain permissions happens on a url like
- // "/settings/admin/domain-permissions/:permType/domain.com",
- // but if domain input changes, that doesn't match anymore
- // and causes issues later on so, before submitting the form,
- // silently change url, and THEN submit.
- let correctUrl = `${baseUrl}/${form.domain.value}`;
- if (location != correctUrl) {
- setLocation(correctUrl);
- }
- return submitForm(e);
- }
-
- return (
-
- );
-}
diff --git a/web/source/settings/admin/domain-permissions/export-format-table.jsx b/web/source/settings/admin/domain-permissions/export-format-table.jsx
deleted file mode 100644
index 7fcffa348..000000000
--- a/web/source/settings/admin/domain-permissions/export-format-table.jsx
+++ /dev/null
@@ -1,65 +0,0 @@
-/*
- 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 .
-*/
-
-const React = require("react");
-
-module.exports = function ExportFormatTable() {
- return (
-
- );
-}
-
-function bool(val) {
- return (
- <>
-
- {val ? "Yes" : "No"}
-
- );
-}
\ No newline at end of file
diff --git a/web/source/settings/admin/domain-permissions/form.tsx b/web/source/settings/admin/domain-permissions/form.tsx
deleted file mode 100644
index 57502d6d9..000000000
--- a/web/source/settings/admin/domain-permissions/form.tsx
+++ /dev/null
@@ -1,153 +0,0 @@
-/*
- 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 from "react";
-
-import { useEffect } from "react";
-
-import { useExportDomainListMutation } from "../../lib/query/admin/domain-permissions/export";
-import useFormSubmit from "../../lib/form/submit";
-
-import {
- RadioGroup,
- TextArea,
- Select,
-} from "../../components/form/inputs";
-
-import MutationButton from "../../components/form/mutation-button";
-
-import { Error } from "../../components/error";
-import ExportFormatTable from "./export-format-table";
-
-import type {
- FormSubmitFunction,
- FormSubmitResult,
- RadioFormInputHook,
- TextFormInputHook,
-} from "../../lib/form/types";
-
-export interface ImportExportFormProps {
- form: {
- domains: TextFormInputHook;
- exportType: TextFormInputHook;
- permType: RadioFormInputHook;
- };
- submitParse: FormSubmitFunction;
- parseResult: FormSubmitResult;
-}
-
-export default function ImportExportForm({ form, submitParse, parseResult }: ImportExportFormProps) {
- const [submitExport, exportResult] = useFormSubmit(form, useExportDomainListMutation());
-
- function fileChanged(e) {
- const reader = new FileReader();
- reader.onload = function (read) {
- const res = read.target?.result;
- if (typeof res === "string") {
- form.domains.value = res;
- submitParse();
- }
- };
- reader.readAsText(e.target.files[0]);
- }
-
- useEffect(() => {
- if (exportResult.isSuccess) {
- form.domains.setter(exportResult.data);
- }
- /* eslint-disable-next-line react-hooks/exhaustive-deps */
- }, [exportResult]);
-
- return (
- <>
-
Import / Export domain permissions
-
This page can be used to import and export lists of domain permissions.
-
Exports can be done in various formats, with varying functionality and support in other software.
-
Imports will automatically detect what format is being processed.
-
- );
-}
diff --git a/web/source/settings/admin/domain-permissions/import-export.tsx b/web/source/settings/admin/domain-permissions/import-export.tsx
deleted file mode 100644
index 871bca131..000000000
--- a/web/source/settings/admin/domain-permissions/import-export.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-/*
- 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 from "react";
-
-import { Switch, Route, Redirect, useLocation } from "wouter";
-
-import { useProcessDomainPermissionsMutation } from "../../lib/query/admin/domain-permissions/process";
-
-import { useTextInput, useRadioInput } from "../../lib/form";
-
-import useFormSubmit from "../../lib/form/submit";
-
-import { ProcessImport } from "./process";
-import ImportExportForm from "./form";
-
-export default function ImportExport({ baseUrl }) {
- const form = {
- domains: useTextInput("domains"),
- exportType: useTextInput("exportType", { defaultValue: "plain", dontReset: true }),
- permType: useRadioInput("permType", {
- options: {
- block: "Domain blocks",
- allow: "Domain allows",
- }
- })
- };
-
- const [submitParse, parseResult] = useFormSubmit(form, useProcessDomainPermissionsMutation(), { changedOnly: false });
-
- const [_location, setLocation] = useLocation();
-
- return (
-
-
- {
- parseResult.isSuccess
- ? (
- <>
-
-
-
- )
- :
- }
-
-
- {
- parseResult.isSuccess
- ?
- :
- }
-
-
- );
-}
diff --git a/web/source/settings/admin/domain-permissions/index.tsx b/web/source/settings/admin/domain-permissions/index.tsx
deleted file mode 100644
index 7d790cfc8..000000000
--- a/web/source/settings/admin/domain-permissions/index.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-/*
- 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 from "react";
-import { Switch, Route } from "wouter";
-
-import DomainPermissionsOverview from "./overview";
-import { PermType } from "../../lib/types/domain-permission";
-import DomainPermDetail from "./detail";
-
-export default function DomainPermissions({ baseUrl }: { baseUrl: string }) {
- return (
-
-
- {params => (
-
- )}
-
-
- {params => (
-
- )}
-
-
- );
-}
diff --git a/web/source/settings/admin/domain-permissions/overview.tsx b/web/source/settings/admin/domain-permissions/overview.tsx
deleted file mode 100644
index bdfd214bc..000000000
--- a/web/source/settings/admin/domain-permissions/overview.tsx
+++ /dev/null
@@ -1,198 +0,0 @@
-/*
- 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 from "react";
-
-import { useMemo } from "react";
-import { Link, useLocation } from "wouter";
-import { matchSorter } from "match-sorter";
-
-import { useTextInput } from "../../lib/form";
-
-import { TextInput } from "../../components/form/inputs";
-
-import Loading from "../../components/loading";
-import { useDomainAllowsQuery, useDomainBlocksQuery } from "../../lib/query/admin/domain-permissions/get";
-import type { MappedDomainPerms, PermType } from "../../lib/types/domain-permission";
-import { NoArg } from "../../lib/types/query";
-
-export interface DomainPermissionsOverviewProps {
- // Params injected by
- // the wouter router.
- permType: PermType;
- baseUrl: string,
-}
-
-export default function DomainPermissionsOverview({ permType, baseUrl }: DomainPermissionsOverviewProps) {
- if (permType !== "block" && permType !== "allow") {
- throw "unrecognized perm type " + permType;
- }
-
- // Uppercase first letter of given permType.
- const permTypeUpper = useMemo(() => {
- return permType.charAt(0).toUpperCase() + permType.slice(1);
- }, [permType]);
-
- // Fetch / wait for desired perms to load.
- const { data: blocks, isLoading: isLoadingBlocks } = useDomainBlocksQuery(NoArg, { skip: permType !== "block" });
- const { data: allows, isLoading: isLoadingAllows } = useDomainAllowsQuery(NoArg, { skip: permType !== "allow" });
-
- let data: MappedDomainPerms | undefined;
- let isLoading: boolean;
-
- if (permType == "block") {
- data = blocks;
- isLoading = isLoadingBlocks;
- } else {
- data = allows;
- isLoading = isLoadingAllows;
- }
-
- if (isLoading || data === undefined) {
- return ;
- }
-
- return (
-
- Blocking a domain blocks interaction between your instance, and all current and future accounts on
- instance(s) running on the blocked domain. Stored content will be removed, and no more data is sent to
- the remote server. This extends to all subdomains as well, so blocking 'example.com' also blocks 'social.example.com'.
-
-
- Learn more about domain blocks (opens in a new tab)
-
-
-
- Allowing a domain explicitly allows instance(s) running on that domain to interact with your instance.
- If you're running in allowlist mode, this is how you "allow" instances through.
- If you're running in blocklist mode (the default federation mode), you can use explicit domain allows
- to override domain blocks. In blocklist mode, explicitly allowed instances will be able to interact with
- your instance regardless of any domain blocks in place. This extends to all subdomains as well, so allowing
- 'example.com' also allows 'social.example.com'. This is useful when you're importing a block list but
- there are some domains on the list you don't want to block: just create an explicit allow for those domains
- before importing the list.
-
-
- Learn more about federation modes (opens in a new tab)
-
-
- );
-}
diff --git a/web/source/settings/admin/domain-permissions/process.tsx b/web/source/settings/admin/domain-permissions/process.tsx
deleted file mode 100644
index bb9411b9d..000000000
--- a/web/source/settings/admin/domain-permissions/process.tsx
+++ /dev/null
@@ -1,402 +0,0 @@
-/*
- 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 from "react";
-
-import { memo, useMemo, useCallback, useEffect } from "react";
-
-import { isValidDomainPermission, hasBetterScope } from "../../lib/util/domain-permission";
-
-import {
- useTextInput,
- useBoolInput,
- useRadioInput,
- useCheckListInput,
-} from "../../lib/form";
-
-import {
- Select,
- TextArea,
- RadioGroup,
- Checkbox,
- TextInput,
-} from "../../components/form/inputs";
-
-import useFormSubmit from "../../lib/form/submit";
-
-import CheckList from "../../components/check-list";
-import MutationButton from "../../components/form/mutation-button";
-import FormWithData from "../../lib/form/form-with-data";
-
-import { useImportDomainPermsMutation } from "../../lib/query/admin/domain-permissions/import";
-import {
- useDomainAllowsQuery,
- useDomainBlocksQuery
-} from "../../lib/query/admin/domain-permissions/get";
-
-import type { DomainPerm, MappedDomainPerms } from "../../lib/types/domain-permission";
-import type { ChecklistInputHook, RadioFormInputHook } from "../../lib/form/types";
-
-export interface ProcessImportProps {
- list: DomainPerm[],
- permType: RadioFormInputHook,
-}
-
-export const ProcessImport = memo(
- function ProcessImport({ list, permType }: ProcessImportProps) {
- return (
-
- {entries.length} {entries.length == 1 ? "entry uses" : "entries use"} a specific subdomain,
- which you might want to change to the main domain, as that includes all it's (future) subdomains.
-
-
- );
-}
-
-interface DomainEntryIconProps {
- alreadyExists: boolean;
- suggestion: string;
- permTypeString: string;
-}
-
-function DomainEntryIcon({ alreadyExists, suggestion, permTypeString }: DomainEntryIconProps) {
- let icon;
- let text;
-
- if (suggestion) {
- icon = "fa-info-circle suggest-changes";
- text = `Entry targets a specific subdomain, consider changing it to '${suggestion}'.`;
- } else if (alreadyExists) {
- icon = "fa-history permission-already-exists";
- text = `Domain ${permTypeString} already exists.`;
- }
-
- if (!icon) {
- return null;
- }
-
- return (
- <>
-
- {text}
-
- );
-}
\ No newline at end of file
diff --git a/web/source/settings/admin/emoji/category-select.jsx b/web/source/settings/admin/emoji/category-select.jsx
deleted file mode 100644
index e5cf29939..000000000
--- a/web/source/settings/admin/emoji/category-select.jsx
+++ /dev/null
@@ -1,96 +0,0 @@
-/*
- 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 .
-*/
-
-const React = require("react");
-const splitFilterN = require("split-filter-n");
-const syncpipe = require('syncpipe');
-const { matchSorter } = require("match-sorter");
-
-const ComboBox = require("../../components/combo-box");
-const { useListEmojiQuery } = require("../../lib/query/admin/custom-emoji");
-
-function useEmojiByCategory(emoji) {
- // split all emoji over an object keyed by the category names (or Unsorted)
- return React.useMemo(() => splitFilterN(
- emoji,
- [],
- (entry) => entry.category ?? "Unsorted"
- ), [emoji]);
-}
-
-function CategorySelect({ field, children }) {
- const { value, setIsNew } = field;
-
- const {
- data: emoji = [],
- isLoading,
- isSuccess,
- error
- } = useListEmojiQuery({ filter: "domain:local" });
-
- const emojiByCategory = useEmojiByCategory(emoji);
-
- const categories = React.useMemo(() => new Set(Object.keys(emojiByCategory)), [emojiByCategory]);
-
- // data used by the ComboBox element to select an emoji category
- const categoryItems = React.useMemo(() => {
- return syncpipe(emojiByCategory, [
- (_) => Object.keys(_), // just emoji category names
- (_) => matchSorter(_, value, { threshold: matchSorter.rankings.NO_MATCH }), // sorted by complex algorithm
- (_) => _.map((categoryName) => [ // map to input value, and selectable element with icon
- categoryName,
- <>
-
- {categoryName}
-
- ])
- ]);
- }, [emojiByCategory, value]);
-
- React.useEffect(() => {
- if (value != undefined && isSuccess && value.trim().length > 0) {
- setIsNew(!categories.has(value.trim()));
- }
- }, [categories, value, isSuccess, setIsNew]);
-
- if (error) { // fall back to plain text input, but this would almost certainly have caused a bigger error message elsewhere
- return (
- <>
- { field.value = e.target.value; }} />;
-
- );
- } else if (isLoading) {
- return ;
- }
-
- return (
-
- );
-}
-
-module.exports = {
- useEmojiByCategory,
- CategorySelect
-};
\ No newline at end of file
diff --git a/web/source/settings/admin/emoji/local/detail.js b/web/source/settings/admin/emoji/local/detail.js
deleted file mode 100644
index a78e3e499..000000000
--- a/web/source/settings/admin/emoji/local/detail.js
+++ /dev/null
@@ -1,146 +0,0 @@
-/*
- 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, { useEffect } from "react";
-import { useRoute, Link, Redirect } from "wouter";
-
-import { useComboBoxInput, useFileInput, useValue } from "../../../lib/form";
-import { CategorySelect } from "../category-select";
-
-import useFormSubmit from "../../../lib/form/submit";
-import { useBaseUrl } from "../../../lib/navigation/util";
-
-import FakeToot from "../../../components/fake-toot";
-import FormWithData from "../../../lib/form/form-with-data";
-import Loading from "../../../components/loading";
-import { FileInput } from "../../../components/form/inputs";
-import MutationButton from "../../../components/form/mutation-button";
-import { Error } from "../../../components/error";
-
-import { useGetEmojiQuery, useEditEmojiMutation, useDeleteEmojiMutation } from "../../../lib/query/admin/custom-emoji";
-
-export default function EmojiDetailRoute({ }) {
- const baseUrl = useBaseUrl();
- let [_match, params] = useRoute(`${baseUrl}/:emojiId`);
- if (params?.emojiId == undefined) {
- return ;
- } else {
- return (
-
-
-
-
- );
-}
\ No newline at end of file
diff --git a/web/source/settings/admin/emoji/local/index.tsx b/web/source/settings/admin/emoji/local/index.tsx
deleted file mode 100644
index 74a891f3e..000000000
--- a/web/source/settings/admin/emoji/local/index.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
- 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 from "react";
-import { Switch, Route } from "wouter";
-
-import EmojiOverview from "./overview";
-import EmojiDetail from "./detail";
-
-export default function CustomEmoji({ baseUrl }) {
- return (
-
-
-
-
-
-
- );
-}
diff --git a/web/source/settings/admin/emoji/local/new-emoji.tsx b/web/source/settings/admin/emoji/local/new-emoji.tsx
deleted file mode 100644
index c6a203765..000000000
--- a/web/source/settings/admin/emoji/local/new-emoji.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-/*
- 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, { useMemo, useEffect } from "react";
-
-import { useFileInput, useComboBoxInput } from "../../../lib/form";
-import useShortcode from "./use-shortcode";
-
-import useFormSubmit from "../../../lib/form/submit";
-
-import { TextInput, FileInput } from "../../../components/form/inputs";
-
-import { CategorySelect } from '../category-select';
-import FakeToot from "../../../components/fake-toot";
-import MutationButton from "../../../components/form/mutation-button";
-import { useAddEmojiMutation } from "../../../lib/query/admin/custom-emoji";
-import { useInstanceV1Query } from "../../../lib/query";
-
-export default function NewEmojiForm() {
- const shortcode = useShortcode();
-
- const { data: instance } = useInstanceV1Query();
- const emojiMaxSize = useMemo(() => {
- return instance?.configuration?.emojis?.emoji_size_limit ?? 50 * 1024;
- }, [instance]);
-
- const image = useFileInput("image", {
- withPreview: true,
- maxSize: emojiMaxSize
- });
-
- const category = useComboBoxInput("category");
-
- const [submitForm, result] = useFormSubmit({
- shortcode, image, category
- }, useAddEmojiMutation());
-
- useEffect(() => {
- if (shortcode.value === undefined || shortcode.value.length == 0) {
- if (image.value != undefined) {
- let [name, _ext] = image.value.name.split(".");
- shortcode.setter(name);
- }
- }
-
- /* We explicitly don't want to have 'shortcode' as a dependency here
- because we only want to change the shortcode to the filename if the field is empty
- at the moment the file is selected, not some time after when the field is emptied
- */
- /* eslint-disable-next-line react-hooks/exhaustive-deps */
- }, [image.value]);
-
- let emojiOrShortcode;
-
- if (image.previewValue != undefined) {
- emojiOrShortcode = ;
- } else if (shortcode.value !== undefined && shortcode.value.length > 0) {
- emojiOrShortcode = `:${shortcode.value}:`;
- } else {
- emojiOrShortcode = `:your_emoji_here:`;
- }
-
- return (
-
-
Add new custom emoji
-
-
- Look at this new custom emoji {emojiOrShortcode} isn't it cool?
-
-
-
-
- );
-}
\ No newline at end of file
diff --git a/web/source/settings/admin/emoji/local/overview.js b/web/source/settings/admin/emoji/local/overview.js
deleted file mode 100644
index 45bfd614d..000000000
--- a/web/source/settings/admin/emoji/local/overview.js
+++ /dev/null
@@ -1,153 +0,0 @@
-/*
- 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 .
-*/
-
-const React = require("react");
-const { Link } = require("wouter");
-const syncpipe = require("syncpipe");
-const { matchSorter } = require("match-sorter");
-
-const NewEmojiForm = require("./new-emoji").default;
-const { useTextInput } = require("../../../lib/form");
-
-const { useEmojiByCategory } = require("../category-select");
-const { useBaseUrl } = require("../../../lib/navigation/util");
-
-const Loading = require("../../../components/loading");
-const { Error } = require("../../../components/error");
-const { TextInput } = require("../../../components/form/inputs");
-const { useListEmojiQuery } = require("../../../lib/query/admin/custom-emoji");
-
-module.exports = function EmojiOverview({ }) {
- const {
- data: emoji = [],
- isLoading,
- isError,
- error
- } = useListEmojiQuery({ filter: "domain:local" });
-
- let content = null;
-
- if (isLoading) {
- content = ;
- } else if (isError) {
- content = ;
- } else {
- content = (
- <>
-
-
-
- );
- }
-
- return (
- <>
-
Local Custom Emoji
-
- To use custom emoji in your toots they have to be 'local' to the instance.
- You can either upload them here directly, or copy from those already
- present on other (known) instances through the Remote Emoji page.
-
-
- Be warned! If you upload more than about 300-400 custom emojis in
- total on your instance, this may lead to rate-limiting issues for users and clients
- if they try to load all the emoji images at once (which is what many clients do).
-
- );
-}
\ No newline at end of file
diff --git a/web/source/settings/admin/emoji/local/use-shortcode.js b/web/source/settings/admin/emoji/local/use-shortcode.js
deleted file mode 100644
index 67255860f..000000000
--- a/web/source/settings/admin/emoji/local/use-shortcode.js
+++ /dev/null
@@ -1,56 +0,0 @@
-/*
- 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 .
-*/
-
-const React = require("react");
-
-const { useTextInput } = require("../../../lib/form");
-const { useListEmojiQuery } = require("../../../lib/query/admin/custom-emoji");
-
-const shortcodeRegex = /^\w{2,30}$/;
-
-module.exports = function useShortcode() {
- const { data: emoji = [] } = useListEmojiQuery({
- filter: "domain:local"
- });
-
- const emojiCodes = React.useMemo(() => {
- return new Set(emoji.map((e) => e.shortcode));
- }, [emoji]);
-
- return useTextInput("shortcode", {
- validator: function validateShortcode(code) {
- // technically invalid, but hacky fix to prevent validation error on page load
- if (code == "") { return ""; }
-
- if (emojiCodes.has(code)) {
- return "Shortcode already in use";
- }
-
- if (code.length < 2 || code.length > 30) {
- return "Shortcode must be between 2 and 30 characters";
- }
-
- if (!shortcodeRegex.test(code)) {
- return "Shortcode must only contain letters, numbers, and underscores";
- }
-
- return "";
- }
- });
-};
\ No newline at end of file
diff --git a/web/source/settings/admin/emoji/remote/index.tsx b/web/source/settings/admin/emoji/remote/index.tsx
deleted file mode 100644
index d9c786be2..000000000
--- a/web/source/settings/admin/emoji/remote/index.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-/*
- 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, { useMemo } from "react";
-
-import ParseFromToot from "./parse-from-toot";
-
-import Loading from "../../../components/loading";
-import { Error } from "../../../components/error";
-import { useListEmojiQuery } from "../../../lib/query/admin/custom-emoji";
-
-export default function RemoteEmoji() {
- // local emoji are queried for shortcode collision detection
- const {
- data: emoji = [],
- isLoading,
- error
- } = useListEmojiQuery({ filter: "domain:local" });
-
- const emojiCodes = useMemo(() => {
- return new Set(emoji.map((e) => e.shortcode));
- }, [emoji]);
-
- return (
- <>
-
Custom Emoji (remote)
- {error &&
-
- }
- {isLoading
- ?
- : <>
-
-
- }
-
- );
-}
diff --git a/web/source/settings/admin/emoji/remote/parse-from-toot.tsx b/web/source/settings/admin/emoji/remote/parse-from-toot.tsx
deleted file mode 100644
index df1c221ba..000000000
--- a/web/source/settings/admin/emoji/remote/parse-from-toot.tsx
+++ /dev/null
@@ -1,235 +0,0 @@
-/*
- 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, { useCallback, useEffect } from "react";
-
-import { useTextInput, useComboBoxInput, useCheckListInput } from "../../../lib/form";
-
-import useFormSubmit from "../../../lib/form/submit";
-
-import CheckList from "../../../components/check-list";
-import { CategorySelect } from '../category-select';
-
-import { TextInput } from "../../../components/form/inputs";
-import MutationButton from "../../../components/form/mutation-button";
-import { Error } from "../../../components/error";
-import { useSearchItemForEmojiMutation, usePatchRemoteEmojisMutation } from "../../../lib/query/admin/custom-emoji";
-
-export default function ParseFromToot({ emojiCodes }) {
- const [searchStatus, result] = useSearchItemForEmojiMutation();
- const urlField = useTextInput("url");
-
- function submitSearch(e) {
- e.preventDefault();
- if (urlField.value !== undefined && urlField.value.trim().length != 0) {
- searchStatus(urlField.value);
- }
- }
-
- return (
-
- One or multiple emoji failed to process:
- {errors.map(([shortcode, err]) => (
-
- {shortcode}: {err}
-
- ))}
-
- );
-}
-
-function EmojiEntry({ entry: emoji, onChange, extraProps: { localEmojiCodes } }) {
- const shortcodeField = useTextInput("shortcode", {
- defaultValue: emoji.shortcode,
- validator: function validateShortcode(code) {
- return (emoji.checked && localEmojiCodes.has(code))
- ? "Shortcode already in use"
- : "";
- }
- });
-
- useEffect(() => {
- if (emoji.valid != shortcodeField.valid) {
- onChange({ valid: shortcodeField.valid });
- }
- }, [onChange, emoji.valid, shortcodeField.valid]);
-
- useEffect(() => {
- shortcodeField.validate();
- // only need this update if it's the emoji.checked that updated, not shortcodeField
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [emoji.checked]);
-
- return (
- <>
-
-
- {
- shortcodeField.onChange(e);
- onChange({ shortcode: e.target.value, checked: true });
- }}
- />
-
- );
-}
\ No newline at end of file
diff --git a/web/source/settings/admin/reports/detail.tsx b/web/source/settings/admin/reports/detail.tsx
deleted file mode 100644
index 94268dc1f..000000000
--- a/web/source/settings/admin/reports/detail.tsx
+++ /dev/null
@@ -1,252 +0,0 @@
-/*
- 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 (
-
- );
-}
diff --git a/web/source/settings/admin/reports/index.tsx b/web/source/settings/admin/reports/index.tsx
deleted file mode 100644
index 052d72761..000000000
--- a/web/source/settings/admin/reports/index.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-/*
- 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 from "react";
-import { Link, Switch, Route } from "wouter";
-
-import FormWithData from "../../lib/form/form-with-data";
-
-import ReportDetail from "./detail";
-import Username from "./username";
-import { useBaseUrl } from "../../lib/navigation/util";
-import { useListReportsQuery } from "../../lib/query/admin/reports";
-
-export default function Reports({ baseUrl }) {
- return (
-
-
-
- );
-}
diff --git a/web/source/settings/admin/reports/username.tsx b/web/source/settings/admin/reports/username.tsx
deleted file mode 100644
index 6fba0b804..000000000
--- a/web/source/settings/admin/reports/username.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-/*
- 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 from "react";
-import { Link } from "wouter";
-
-export default function Username({ user, link = true }) {
- let className = "user";
- let isLocal = user.domain == null;
-
- if (user.suspended) {
- className += " suspended";
- }
-
- if (isLocal) {
- className += " local";
- }
-
- let icon = isLocal
- ? { fa: "fa-home", info: "Local user" }
- : { fa: "fa-external-link-square", info: "Remote user" };
-
- let Element: any = "div";
- let href: any = null;
-
- if (link) {
- Element = Link;
- href = `/settings/admin/accounts/${user.id}`;
- }
-
- return (
-
- @{user.account.acct}
-
- {icon.info}
-
- );
-}
diff --git a/web/source/settings/admin/settings/index.tsx b/web/source/settings/admin/settings/index.tsx
deleted file mode 100644
index 69fbfd4ca..000000000
--- a/web/source/settings/admin/settings/index.tsx
+++ /dev/null
@@ -1,190 +0,0 @@
-/*
- 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 from "react";
-
-import { useTextInput, useFileInput } from "../../lib/form";
-
-const useFormSubmit = require("../../lib/form/submit").default;
-
-import { TextInput, TextArea, FileInput } from "../../components/form/inputs";
-
-const FormWithData = require("../../lib/form/form-with-data").default;
-import MutationButton from "../../components/form/mutation-button";
-
-import { useInstanceV1Query } from "../../lib/query";
-import { useUpdateInstanceMutation } from "../../lib/query/admin";
-import { InstanceV1 } from "../../lib/types/instance";
-
-export default function AdminSettings() {
- return (
-
- );
-}
-
-interface AdminSettingsFormProps{
- data: InstanceV1;
-}
-
-function AdminSettingsForm({ data: instance }: AdminSettingsFormProps) {
- const titleLimit = 40;
- const shortDescLimit = 500;
- const descLimit = 5000;
- const termsLimit = 5000;
-
- const form = {
- title: useTextInput("title", {
- source: instance,
- validator: (val: string) => val.length <= titleLimit ? "" : `Instance title is ${val.length} characters; must be ${titleLimit} characters or less`
- }),
- thumbnail: useFileInput("thumbnail", { withPreview: true }),
- thumbnailDesc: useTextInput("thumbnail_description", { source: instance }),
- shortDesc: useTextInput("short_description", {
- source: instance,
- // Select "raw" text version of parsed field for editing.
- valueSelector: (s: InstanceV1) => s.short_description_text,
- validator: (val: string) => val.length <= shortDescLimit ? "" : `Instance short description is ${val.length} characters; must be ${shortDescLimit} characters or less`
- }),
- description: useTextInput("description", {
- source: instance,
- // Select "raw" text version of parsed field for editing.
- valueSelector: (s: InstanceV1) => s.description_text,
- validator: (val: string) => val.length <= descLimit ? "" : `Instance description is ${val.length} characters; must be ${descLimit} characters or less`
- }),
- terms: useTextInput("terms", {
- source: instance,
- // Select "raw" text version of parsed field for editing.
- valueSelector: (s: InstanceV1) => s.terms_text,
- validator: (val: string) => val.length <= termsLimit ? "" : `Instance terms and conditions is ${val.length} characters; must be ${termsLimit} characters or less`
- }),
- contactUser: useTextInput("contact_username", { source: instance, valueSelector: (s) => s.contact_account?.username }),
- contactEmail: useTextInput("contact_email", { source: instance, valueSelector: (s) => s.email })
- };
-
- const [submitForm, result] = useFormSubmit(form, useUpdateInstanceMutation());
-
- return (
-
- );
-}
\ No newline at end of file
diff --git a/web/source/settings/admin/settings/rules.tsx b/web/source/settings/admin/settings/rules.tsx
deleted file mode 100644
index e5e4d17c5..000000000
--- a/web/source/settings/admin/settings/rules.tsx
+++ /dev/null
@@ -1,174 +0,0 @@
-/*
- 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 from "react";
-import { Switch, Route, Link, Redirect, useRoute } from "wouter";
-
-import { useInstanceRulesQuery, useAddInstanceRuleMutation, useUpdateInstanceRuleMutation, useDeleteInstanceRuleMutation } from "../../lib/query";
-import FormWithData from "../../lib/form/form-with-data";
-import { useBaseUrl } from "../../lib/navigation/util";
-
-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 { Error } from "../../components/error";
-
-export default function InstanceRulesData({ baseUrl }) {
- return (
-
- );
-}
-
-function InstanceRules({ baseUrl, data: rules }) {
- return (
-
-
-
-
-
-
-
Instance Rules
-
-
- The rules for your instance are listed on the about page, and can be selected when submitting reports.
-
);
-}
\ No newline at end of file
+}
diff --git a/web/source/settings/components/back-button.jsx b/web/source/settings/components/back-button.jsx
index 05306e2ea..bf9038b2b 100644
--- a/web/source/settings/components/back-button.jsx
+++ b/web/source/settings/components/back-button.jsx
@@ -17,13 +17,11 @@
along with this program. If not, see .
*/
-const React = require("react");
-const { Link } = require("wouter");
+import React from "react";
+import { Link } from "wouter";
-module.exports = function BackButton({ to }) {
+export default function BackButton({ to }) {
return (
-
- < back
-
+ < back
);
-};
\ No newline at end of file
+}
diff --git a/web/source/settings/index.js b/web/source/settings/index.js
deleted file mode 100644
index 6ab0ab6ec..000000000
--- a/web/source/settings/index.js
+++ /dev/null
@@ -1,124 +0,0 @@
-/*
- 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 .
-*/
-
-const React = require("react");
-const ReactDom = require("react-dom/client");
-const { Provider } = require("react-redux");
-const { PersistGate } = require("redux-persist/integration/react");
-
-const { store, persistor } = require("./redux/store");
-const { createNavigation, Menu, Item } = require("./lib/navigation");
-
-const { Authorization } = require("./components/authorization");
-const Loading = require("./components/loading");
-const UserLogoutCard = require("./components/user-logout-card");
-const { RoleContext } = require("./lib/navigation/util");
-
-const UserProfile = require("./user/profile").default;
-const UserSettings = require("./user/settings").default;
-const UserMigration = require("./user/migration").default;
-
-const Reports = require("./admin/reports").default;
-
-const Accounts = require("./admin/accounts").default;
-const AccountsPending = require("./admin/accounts/pending").default;
-
-const DomainPerms = require("./admin/domain-permissions").default;
-const DomainPermsImportExport = require("./admin/domain-permissions/import-export").default;
-
-const AdminMedia = require("./admin/actions/media").default;
-const AdminKeys = require("./admin/actions/keys").default;
-
-const LocalEmoji = require("./admin/emoji/local").default;
-const RemoteEmoji = require("./admin/emoji/remote").default;
-
-const InstanceSettings = require("./admin/settings").default;
-const InstanceRules = require("./admin/settings/rules").default;
-
-require("./style.css");
-
-const { Sidebar, ViewRouter } = createNavigation("/settings", [
- Menu("User", [
- Item("Profile", { icon: "fa-user" }, UserProfile),
- Item("Settings", { icon: "fa-cogs" }, UserSettings),
- Item("Migration", { icon: "fa-exchange" }, UserMigration),
- ]),
- Menu("Moderation", {
- url: "admin",
- permissions: ["admin"]
- }, [
- Item("Reports", { icon: "fa-flag", wildcard: true }, Reports),
- Item("Accounts", { icon: "fa-users", wildcard: true }, [
- Item("Overview", { icon: "fa-list", url: "", wildcard: true }, Accounts),
- Item("Pending", { icon: "fa-question", url: "pending", wildcard: true }, AccountsPending),
- ]),
- Menu("Domain Permissions", { icon: "fa-hubzilla" }, [
- Item("Blocks", { icon: "fa-close", url: "block", wildcard: true }, DomainPerms),
- Item("Allows", { icon: "fa-check", url: "allow", wildcard: true }, DomainPerms),
- Item("Import/Export", { icon: "fa-floppy-o", url: "import-export", wildcard: true }, DomainPermsImportExport),
- ]),
- ]),
- Menu("Administration", {
- url: "admin",
- defaultUrl: "/settings/admin/settings",
- permissions: ["admin"]
- }, [
- Menu("Actions", { icon: "fa-bolt" }, [
- Item("Media", { icon: "fa-photo" }, AdminMedia),
- Item("Keys", { icon: "fa-key-modern" }, AdminKeys),
- ]),
- Menu("Custom Emoji", { icon: "fa-smile-o" }, [
- Item("Local", { icon: "fa-home", wildcard: true }, LocalEmoji),
- Item("Remote", { icon: "fa-cloud" }, RemoteEmoji),
- ]),
- Menu("Settings", { icon: "fa-sliders" }, [
- Item("Settings", { icon: "fa-sliders", url: "" }, InstanceSettings),
- Item("Rules", { icon: "fa-dot-circle-o", wildcard: true }, InstanceRules),
- ]),
- ])
-]);
-
-function App({ account }) {
- const permissions = [account.role.name];
-
- return (
-
-
-
-
-
-
-
-
-
- );
-}
-
-function Main() {
- return (
-
- } persistor={persistor}>
-
-
-
- );
-}
-
-const root = ReactDom.createRoot(document.getElementById("root"));
-root.render();
\ No newline at end of file
diff --git a/web/source/settings/index.tsx b/web/source/settings/index.tsx
new file mode 100644
index 000000000..d0af8524d
--- /dev/null
+++ b/web/source/settings/index.tsx
@@ -0,0 +1,84 @@
+/*
+ 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, { StrictMode } from "react";
+import "./style.css";
+
+import { createRoot } from "react-dom/client";
+import { Provider } from "react-redux";
+import { PersistGate } from "redux-persist/integration/react";
+import { store, persistor } from "./redux/store";
+import { Authorization } from "./components/authorization";
+import Loading from "./components/loading";
+import { Account } from "./lib/types/account";
+import { BaseUrlContext, RoleContext } from "./lib/navigation/util";
+import { SidebarMenu } from "./lib/navigation/menu";
+import { UserMenu, UserRouter } from "./views/user/routes";
+import { ModerationMenu, ModerationRouter } from "./views/moderation/routes";
+import { AdminMenu, AdminRouter } from "./views/admin/routes";
+import { Redirect, Route, Router } from "wouter";
+
+interface AppProps {
+ account: Account;
+}
+
+export function App({ account }: AppProps) {
+ const roles: string[] = [ account.role.name ];
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ {/*
+ Redirect to first part of UserRouter if
+ just the bare settings page is open, so
+ user isn't greeted with a blank page.
+ */}
+
+
+
+
+
+ );
+}
+
+function Main() {
+ return (
+
+ }
+ persistor={persistor}
+ >
+
+
+
+ );
+}
+
+const root = createRoot(document.getElementById("root") as HTMLElement);
+root.render();
diff --git a/web/source/settings/lib/navigation/components.jsx b/web/source/settings/lib/navigation/components.jsx
deleted file mode 100644
index 64ed160b6..000000000
--- a/web/source/settings/lib/navigation/components.jsx
+++ /dev/null
@@ -1,201 +0,0 @@
-/*
- 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 .
-*/
-
-const React = require("react");
-const { Link, Route, Redirect, Switch, useLocation, useRouter } = require("wouter");
-const syncpipe = require("syncpipe");
-
-const {
- RoleContext,
- useHasPermission,
- checkPermission,
- BaseUrlContext
-} = require("./util");
-
-const ActiveRouteCtx = React.createContext();
-function useActiveRoute() {
- return React.useContext(ActiveRouteCtx);
-}
-
-function Sidebar(menuTree, routing) {
- const components = menuTree.map((m) => m.MenuEntry);
-
- return function SidebarComponent() {
- const router = useRouter();
- const [location] = useLocation();
-
- let activeRoute = routing.find((l) => {
- let [match] = router.matcher(l.routingUrl, location);
- return match;
- })?.routingUrl;
-
- return (
-
- );
- };
-}
-
-function ViewRouter(routing, defaultRoute) {
- return function ViewRouterComponent() {
- const permissions = React.useContext(RoleContext);
-
- const filteredRoutes = React.useMemo(() => {
- return syncpipe(routing, [
- (_) => _.filter((route) => checkPermission(route.permissions, permissions)),
- (_) => _.map((route) => {
- return (
-
-
- {/* FIXME: implement reset */}
-
- {route.view}
-
-
-
- );
- })
- ]);
- }, [permissions]);
-
- return (
-
- {filteredRoutes}
-
-
- );
- };
-}
-
-function MenuComponent({ type, name, url, icon, permissions, links, level, children }) {
- const activeRoute = useActiveRoute();
-
- if (!useHasPermission(permissions)) {
- return null;
- }
-
- const classes = [type];
-
- if (level == 0) {
- classes.push("top-level");
- } else if (level == 1) {
- classes.push("expanding");
- } else {
- classes.push("nested");
- }
-
- const isActive = links.includes(activeRoute);
- if (isActive) {
- classes.push("active");
- }
-
- const className = classes.join(" ");
-
- return (
-
- );
-}
-
-module.exports = {
- Sidebar,
- ViewRouter,
- MenuComponent
-};
\ No newline at end of file
diff --git a/web/source/settings/lib/navigation/error.tsx b/web/source/settings/lib/navigation/error.tsx
new file mode 100644
index 000000000..08edc83f0
--- /dev/null
+++ b/web/source/settings/lib/navigation/error.tsx
@@ -0,0 +1,98 @@
+/*
+ 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, { Component, ReactNode } from "react";
+
+
+interface ErrorBoundaryProps {
+ children?: ReactNode;
+}
+
+interface ErrorBoundaryState {
+ hadError?: boolean;
+ componentStack?;
+ error?;
+}
+
+class ErrorBoundary extends Component {
+ resetErrorBoundary: () => void;
+
+ constructor(props: ErrorBoundaryProps) {
+ super(props);
+ this.state = {};
+ this.resetErrorBoundary = () => {
+ this.setState({});
+ };
+ }
+
+ static getDerivedStateFromError(error) {
+ return { hadError: true, error };
+ }
+
+ componentDidCatch(_e, info) {
+ this.setState({
+ ...this.state,
+ componentStack: info.componentStack
+ });
+ }
+
+ render() {
+ if (this.state.hadError) {
+ return (
+
+ );
+ } else {
+ return this.props.children;
+ }
+ }
+}
+
+function ErrorFallback({ error, componentStack, resetErrorBoundary }) {
+ return (
+
+ );
+}
+
+export { ErrorBoundary };
diff --git a/web/source/settings/lib/navigation/index.js b/web/source/settings/lib/navigation/index.js
deleted file mode 100644
index 2e8f062f4..000000000
--- a/web/source/settings/lib/navigation/index.js
+++ /dev/null
@@ -1,136 +0,0 @@
-/*
- 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 .
-*/
-
-const React = require("react");
-const { nanoid } = require("nanoid");
-const { Redirect } = require("wouter");
-
-const { urlSafe } = require("./util");
-
-const {
- Sidebar,
- ViewRouter,
- MenuComponent
-} = require("./components");
-
-function createNavigation(rootUrl, menus) {
- const root = {
- url: rootUrl,
- links: [],
- };
-
- const routing = [];
-
- const menuTree = menus.map((creatorFunc) =>
- creatorFunc(root, routing)
- );
-
- return {
- Sidebar: Sidebar(menuTree, routing),
- ViewRouter: ViewRouter(routing, root.redirectUrl)
- };
-}
-
-function MenuEntry(name, opts, contents) {
- if (contents == undefined) { // opts argument is optional
- contents = opts;
- opts = {};
- }
-
- return function createMenuEntry(root, routing) {
- const type = Array.isArray(contents) ? "category" : "view";
-
- let urlParts = [root.url];
- if (opts.url != "") {
- urlParts.push(opts.url ?? urlSafe(name));
- }
-
- const url = urlParts.join("/");
- let routingUrl = url;
-
- if (opts.wildcard) {
- routingUrl += "/:wildcard*";
- }
-
- const entry = {
- name, type,
- url, routingUrl,
- key: nanoid(),
- permissions: opts.permissions ?? false,
- icon: opts.icon,
- links: [routingUrl],
- level: (root.level ?? -1) + 1,
- redirectUrl: opts.defaultUrl
- };
-
- if (type == "category") {
- let entries = contents.map((creatorFunc) => creatorFunc(entry, routing));
- let routes = [];
-
- entries.forEach((e) => {
- // move empty wildcard routes to end of category, to prevent overlap
- if (e.url == entry.url) {
- routes.unshift(e);
- } else {
- routes.push(e);
- }
- });
- routes.reverse();
-
- routing.push(...routes);
-
- if (opts.redirectUrl != entry.url) {
- routing.push({
- key: entry.key,
- url: entry.url,
- permissions: entry.permissions,
- routingUrl: entry.redirectUrl + "/:fallback*",
- view: React.createElement(Redirect, { to: entry.redirectUrl })
- });
- entry.url = entry.redirectUrl;
- }
-
- root.links.push(...entry.links);
-
- entry.MenuEntry = React.createElement(
- MenuComponent,
- entry,
- entries.map((e) => e.MenuEntry)
- );
- } else {
- entry.links.push(routingUrl);
- root.links.push(routingUrl);
-
- entry.view = React.createElement(contents, { baseUrl: url });
- entry.MenuEntry = React.createElement(MenuComponent, entry);
- }
-
- if (root.redirectUrl == undefined) {
- root.redirectUrl = entry.url;
- }
-
- return entry;
- };
-}
-
-module.exports = {
- createNavigation,
- Menu: MenuEntry,
- Item: MenuEntry
-};
\ No newline at end of file
diff --git a/web/source/settings/lib/navigation/menu.tsx b/web/source/settings/lib/navigation/menu.tsx
new file mode 100644
index 000000000..514e3ea2f
--- /dev/null
+++ b/web/source/settings/lib/navigation/menu.tsx
@@ -0,0 +1,175 @@
+/*
+ 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, { PropsWithChildren } from "react";
+import { Link, useRoute } from "wouter";
+import {
+ BaseUrlContext,
+ MenuLevelContext,
+ useBaseUrl,
+ useHasPermission,
+ useMenuLevel,
+} from "./util";
+import UserLogoutCard from "../../components/user-logout-card";
+import { nanoid } from "nanoid";
+
+export interface MenuItemProps {
+ /**
+ * Name / title of this menu item.
+ */
+ name?: string;
+
+ /**
+ * Url path component for this menu item.
+ */
+ itemUrl: string;
+
+ /**
+ * If this menu item is a category containing
+ * children, which child should be selected by
+ * default when category title is clicked.
+ *
+ * Optional, use for categories only.
+ */
+ defaultChild?: string;
+
+ /**
+ * Permissions required to access this
+ * menu item (none, "moderator", "admin").
+ */
+ permissions?: string[];
+
+ /**
+ * Fork-awesome string to render
+ * icon for this menu item.
+ */
+ icon?: string;
+}
+
+export function MenuItem(props: PropsWithChildren) {
+ const {
+ name,
+ itemUrl,
+ defaultChild,
+ permissions,
+ icon,
+ children,
+ } = props;
+
+ // Derive where this item is
+ // in terms of URL routing.
+ const baseUrl = useBaseUrl();
+ const thisUrl = [ baseUrl, itemUrl ].join('/');
+
+ // Derive where this item is in
+ // terms of nesting within the menu.
+ const thisLevel = useMenuLevel();
+ const nextLevel = thisLevel+1;
+ const topLevel = thisLevel === 0;
+
+ // Check whether this item is currently active
+ // (ie., user has selected it in the menu).
+ //
+ // This uses a wildcard to mark both parent
+ // and relevant child as active.
+ //
+ // See:
+ // https://github.com/molefrog/wouter?tab=readme-ov-file#useroute-route-matching-and-parameters
+ const [isActive] = useRoute([ thisUrl, "*?" ].join("/"));
+
+ // Don't render item if logged-in user
+ // doesn't have permissions to use it.
+ if (!useHasPermission(permissions)) {
+ return null;
+ }
+
+ // Check whether this item has children.
+ const hasChildren = children !== undefined;
+ const childrenArray = hasChildren && Array.isArray(children);
+
+ // Class name of the item varies depending
+ // on where it is in the menu, and whether
+ // it has children beneath it or not.
+ const classNames: string[] = [];
+ if (topLevel) {
+ classNames.push("category", "top-level");
+ } else {
+ if (thisLevel === 1 && hasChildren) {
+ classNames.push("category", "expanding");
+ } else if (thisLevel === 1 && !hasChildren) {
+ classNames.push("view", "expanding");
+ } else if (thisLevel === 2) {
+ classNames.push("view", "nested");
+ }
+ }
+
+ if (isActive) {
+ classNames.push("active");
+ }
+
+ let content: React.JSX.Element | null;
+ if ((isActive || topLevel) && childrenArray) {
+ // Render children as a nested list.
+ content =
{children}
;
+ } else if (isActive && hasChildren) {
+ // Render child as solo element.
+ content = <>{children};
+ } else {
+ // Not active: hide children.
+ content = null;
+ }
+
+ // If a default child is defined, this item should point to that.
+ const href = defaultChild ? [ thisUrl, defaultChild ].join("/") : thisUrl;
+
+ return (
+
+ );
+}
+
+export interface SidebarMenuProps{}
+
+export function SidebarMenu({ children }: PropsWithChildren) {
+ return (
+
+
+
+
+ );
+}
diff --git a/web/source/settings/lib/navigation/util.ts b/web/source/settings/lib/navigation/util.ts
index e6f8ee697..2c5885c4d 100644
--- a/web/source/settings/lib/navigation/util.ts
+++ b/web/source/settings/lib/navigation/util.ts
@@ -18,37 +18,62 @@
*/
import { createContext, useContext } from "react";
-const RoleContext = createContext([]);
+const RoleContext = createContext([]);
const BaseUrlContext = createContext("");
+const MenuLevelContext = createContext(0);
-function urlSafe(str) {
+function urlSafe(str: string) {
return str.toLowerCase().replace(/[\s/]+/g, "-");
}
-function useHasPermission(permissions) {
- const roles = useContext(RoleContext);
+function useHasPermission(permissions: string[] | undefined) {
+ const roles = useContext(RoleContext);
return checkPermission(permissions, roles);
}
-function checkPermission(requiredPermissisons, user) {
- // requiredPermissions can be 'false', in which case there are no restrictions
- if (requiredPermissisons === false) {
+// checkPermission returns true if the user's roles
+// include requiredPermissions, or false otherwise.
+function checkPermission(requiredPermissions: string[] | undefined, userRoles: string[]): boolean {
+ if (requiredPermissions === undefined) {
+ // No perms defined, so user
+ // implicitly has permission.
return true;
}
- // or an array of roles, check if one of the user's roles is sufficient
- return user.some((role) => requiredPermissisons.includes(role));
+ if (requiredPermissions.length === 0) {
+ // No perms defined, so user
+ // implicitly has permission.
+ return true;
+ }
+
+ // Check if one of the user's
+ // roles is sufficient.
+ return userRoles.some((role) => {
+ if (role === "admin") {
+ // Admins can
+ // see everything.
+ return true;
+ }
+
+ return requiredPermissions.includes(role);
+ });
}
function useBaseUrl() {
return useContext(BaseUrlContext);
}
+function useMenuLevel() {
+ return useContext(MenuLevelContext);
+}
+
export {
urlSafe,
RoleContext,
useHasPermission,
checkPermission,
BaseUrlContext,
- useBaseUrl
+ useBaseUrl,
+ MenuLevelContext,
+ useMenuLevel,
};
diff --git a/web/source/settings/lib/query/admin/index.ts b/web/source/settings/lib/query/admin/index.ts
index 74f410e05..cbe66705b 100644
--- a/web/source/settings/lib/query/admin/index.ts
+++ b/web/source/settings/lib/query/admin/index.ts
@@ -21,6 +21,7 @@ import { replaceCacheOnMutation, removeFromCacheOnMutation } from "../query-modi
import { gtsApi } from "../gts-api";
import { listToKeyedObject } from "../transforms";
import { AdminAccount, HandleSignupParams, SearchAccountParams } from "../../types/account";
+import { InstanceRule, MappedRules } from "../../types/rules";
const extended = gtsApi.injectEndpoints({
endpoints: (build) => ({
@@ -120,14 +121,14 @@ const extended = gtsApi.injectEndpoints({
],
}),
- instanceRules: build.query({
+ instanceRules: build.query({
query: () => ({
url: `/api/v1/admin/instance/rules`
}),
- transformResponse: listToKeyedObject("id")
+ transformResponse: listToKeyedObject("id")
}),
- addInstanceRule: build.mutation({
+ addInstanceRule: build.mutation({
query: (formData) => ({
method: "POST",
url: `/api/v1/admin/instance/rules`,
@@ -135,11 +136,7 @@ const extended = gtsApi.injectEndpoints({
body: formData,
discardEmpty: true
}),
- transformResponse: (data) => {
- return {
- [data.id]: data
- };
- },
+ transformResponse: listToKeyedObject("id"),
...replaceCacheOnMutation("instanceRules"),
}),
diff --git a/web/source/settings/lib/types/custom-emoji.ts b/web/source/settings/lib/types/custom-emoji.ts
index f54e9e2a0..2bbd56e61 100644
--- a/web/source/settings/lib/types/custom-emoji.ts
+++ b/web/source/settings/lib/types/custom-emoji.ts
@@ -20,7 +20,15 @@
export interface CustomEmoji {
id?: string;
shortcode: string;
+ url: string;
+ static_url: string;
+ visible_in_picker: boolean;
category?: string;
+ disabled: boolean;
+ updated_at: string;
+ total_file_size: number;
+ content_type: string;
+ uri: string;
}
/**
diff --git a/web/source/settings/lib/types/rules.ts b/web/source/settings/lib/types/rules.ts
new file mode 100644
index 000000000..90806b7c6
--- /dev/null
+++ b/web/source/settings/lib/types/rules.ts
@@ -0,0 +1,29 @@
+/*
+ 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 .
+*/
+
+export interface InstanceRule {
+ id: string;
+ created_at: string;
+ updated_at: string;
+ text: string;
+}
+
+export interface MappedRules {
+ [key: string]: InstanceRule;
+}
diff --git a/web/source/settings/style.css b/web/source/settings/style.css
index 894d879ad..57f8bf4cf 100644
--- a/web/source/settings/style.css
+++ b/web/source/settings/style.css
@@ -53,21 +53,13 @@ ul li::before {
& > div,
& > form {
- border-left: 0.2rem solid $border-accent;
- padding-left: 0.4rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
margin: 1rem 0;
- h1, h2 {
+ h1, h2, h3, h4, h5 {
margin: 0;
- margin-top: 0.1rem;
- }
-
- &:only-child {
- border-left: none;
- padding-left: none;
}
&:first-child {
@@ -77,12 +69,6 @@ ul li::before {
&:last-child {
margin-bottom: 0;
}
-
- &.without-border,
- .without-border {
- border-left: 0;
- padding-left: 0;
- }
}
& > .error {
@@ -305,7 +291,8 @@ input, select, textarea {
) !important;
}
-section.with-sidebar > div, section.with-sidebar > form {
+section.with-sidebar > div,
+section.with-sidebar > form {
display: flex;
flex-direction: column;
gap: 1rem;
@@ -348,10 +335,6 @@ section.with-sidebar > div, section.with-sidebar > form {
display: flex;
flex-direction: column;
gap: 0.2rem;
-
- h3 {
- margin: 0;
- }
}
.labelinput .border {
diff --git a/web/source/settings/user/migration.tsx b/web/source/settings/user/migration.tsx
deleted file mode 100644
index 9dfa3a75b..000000000
--- a/web/source/settings/user/migration.tsx
+++ /dev/null
@@ -1,212 +0,0 @@
-/*
- 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 from "react";
-
-import FormWithData from "../lib/form/form-with-data";
-
-import { useVerifyCredentialsQuery } from "../lib/query/oauth";
-import { useArrayInput, useTextInput } from "../lib/form";
-import { TextInput } from "../components/form/inputs";
-import useFormSubmit from "../lib/form/submit";
-import MutationButton from "../components/form/mutation-button";
-import { useAliasAccountMutation, useMoveAccountMutation } from "../lib/query/user";
-import { FormContext, useWithFormContext } from "../lib/form/context";
-import { store } from "../redux/store";
-
-export default function UserMigration() {
- return (
-
- );
-}
-
-function UserMigrationForm({ data: profile }) {
- return (
- <>
-
Account Migration Settings
-
- The following settings allow you to alias your account to
- another account elsewhere, or to move to another account.
-
-
- Account aliasing is harmless and reversible; you can
- set and unset up to five account aliases as many times as you wish.
-
-
- The account move action, on the other
- hand, has serious and irreversible consequences.
-
-
- For more information on account migration, please see the documentation.
-
- );
-}
\ No newline at end of file
diff --git a/web/source/settings/user/settings.tsx b/web/source/settings/user/settings.tsx
deleted file mode 100644
index 645ef5fd4..000000000
--- a/web/source/settings/user/settings.tsx
+++ /dev/null
@@ -1,153 +0,0 @@
-/*
- 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 from "react";
-
-import query from "../lib/query";
-
-import { useTextInput, useBoolInput } from "../lib/form";
-
-import useFormSubmit from "../lib/form/submit";
-
-import { Select, TextInput, Checkbox } from "../components/form/inputs";
-
-import FormWithData from "../lib/form/form-with-data";
-import Languages from "../components/languages";
-import MutationButton from "../components/form/mutation-button";
-
-export default function UserSettings() {
- return (
-
- );
-}
-
-function UserSettingsForm({ data }) {
- /* form keys
- - string source[privacy]
- - bool source[sensitive]
- - string source[language]
- - string source[status_content_type]
- */
-
- const form = {
- defaultPrivacy: useTextInput("source[privacy]", { source: data, defaultValue: "unlisted" }),
- isSensitive: useBoolInput("source[sensitive]", { source: data }),
- language: useTextInput("source[language]", { source: data, valueSelector: (s) => s.source.language?.toUpperCase() ?? "EN" }),
- statusContentType: useTextInput("source[status_content_type]", { source: data, defaultValue: "text/plain" }),
- };
-
- const [submitForm, result] = useFormSubmit(form, query.useUpdateCredentialsMutation());
-
- return (
- <>
-
-
-
- );
-}
-
-function PasswordChange() {
- const form = {
- oldPassword: useTextInput("old_password"),
- newPassword: useTextInput("new_password", {
- validator(val) {
- if (val != "" && val == form.oldPassword.value) {
- return "New password same as old password";
- }
- return "";
- }
- })
- };
-
- const verifyNewPassword = useTextInput("verifyNewPassword", {
- validator(val) {
- if (val != "" && val != form.newPassword.value) {
- return "Passwords do not match";
- }
- return "";
- }
- });
-
- const [submitForm, result] = useFormSubmit(form, query.usePasswordChangeMutation());
-
- return (
-
- );
-}
\ No newline at end of file
diff --git a/web/source/settings/views/admin/actions/keys/expireremote.tsx b/web/source/settings/views/admin/actions/keys/expireremote.tsx
new file mode 100644
index 000000000..c7a410267
--- /dev/null
+++ b/web/source/settings/views/admin/actions/keys/expireremote.tsx
@@ -0,0 +1,60 @@
+/*
+ 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 from "react";
+import { useInstanceKeysExpireMutation } from "../../../../lib/query";
+import { TextInput } from "../../../../components/form/inputs";
+import MutationButton from "../../../../components/form/mutation-button";
+import { useTextInput } from "../../../../lib/form";
+
+export default function ExpireRemote({}) {
+ const domainField = useTextInput("domain");
+
+ const [expire, expireResult] = useInstanceKeysExpireMutation();
+
+ function submitExpire(e) {
+ e.preventDefault();
+ expire(domainField.value);
+ }
+
+ return (
+
+ );
+}
diff --git a/web/source/settings/views/admin/actions/keys/index.tsx b/web/source/settings/views/admin/actions/keys/index.tsx
new file mode 100644
index 000000000..74bfd36ee
--- /dev/null
+++ b/web/source/settings/views/admin/actions/keys/index.tsx
@@ -0,0 +1,30 @@
+/*
+ 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 from "react";
+import ExpireRemote from "./expireremote";
+
+export default function Keys() {
+ return (
+ <>
+
Key Actions
+
+
+ );
+}
diff --git a/web/source/settings/views/admin/actions/media/cleanup.tsx b/web/source/settings/views/admin/actions/media/cleanup.tsx
new file mode 100644
index 000000000..d4bae24a6
--- /dev/null
+++ b/web/source/settings/views/admin/actions/media/cleanup.tsx
@@ -0,0 +1,59 @@
+/*
+ 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 from "react";
+
+import { useMediaCleanupMutation } from "../../../../lib/query";
+import { useTextInput } from "../../../../lib/form";
+import { TextInput } from "../../../../components/form/inputs";
+import MutationButton from "../../../../components/form/mutation-button";
+
+export default function Cleanup({}) {
+ const daysField = useTextInput("days", { defaultValue: "30" });
+
+ const [mediaCleanup, mediaCleanupResult] = useMediaCleanupMutation();
+
+ function submitCleanup(e) {
+ e.preventDefault();
+ mediaCleanup(daysField.value);
+ }
+
+ return (
+
+ );
+}
diff --git a/web/source/settings/views/admin/actions/media/index.tsx b/web/source/settings/views/admin/actions/media/index.tsx
new file mode 100644
index 000000000..b3b805986
--- /dev/null
+++ b/web/source/settings/views/admin/actions/media/index.tsx
@@ -0,0 +1,30 @@
+/*
+ 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 from "react";
+import Cleanup from "./cleanup";
+
+export default function Media() {
+ return (
+ <>
+
Media Actions
+
+
+ );
+}
diff --git a/web/source/settings/views/admin/emoji/category-select.tsx b/web/source/settings/views/admin/emoji/category-select.tsx
new file mode 100644
index 000000000..683e146d8
--- /dev/null
+++ b/web/source/settings/views/admin/emoji/category-select.tsx
@@ -0,0 +1,134 @@
+/*
+ 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, { useMemo, useEffect, PropsWithChildren, ReactElement } from "react";
+import { matchSorter } from "match-sorter";
+import ComboBox from "../../../components/combo-box";
+import { useListEmojiQuery } from "../../../lib/query/admin/custom-emoji";
+import { CustomEmoji } from "../../../lib/types/custom-emoji";
+import { ComboboxFormInputHook } from "../../../lib/form/types";
+import Loading from "../../../components/loading";
+import { Error } from "../../../components/error";
+
+/**
+ * Sort all emoji into a map keyed by
+ * the category names (or "Unsorted").
+ */
+export function useEmojiByCategory(emojis: CustomEmoji[]) {
+ return useMemo(() => {
+ const byCategory = new Map();
+
+ emojis.forEach((emoji) => {
+ const key = emoji.category ?? "Unsorted";
+ const value = byCategory.get(key) ?? [];
+ value.push(emoji);
+ byCategory.set(key, value);
+ });
+
+ return byCategory;
+ }, [emojis]);
+}
+
+interface CategorySelectProps {
+ field: ComboboxFormInputHook;
+}
+
+/**
+ *
+ * Renders a cute lil searchable "category select" dropdown.
+ */
+export function CategorySelect({ field, children }: PropsWithChildren) {
+ // Get all local emojis.
+ const {
+ data: emoji = [],
+ isLoading,
+ isSuccess,
+ isError,
+ error,
+ } = useListEmojiQuery({ filter: "domain:local" });
+
+ const emojiByCategory = useEmojiByCategory(emoji);
+ const categories = useMemo(() => new Set(emojiByCategory.keys()), [emojiByCategory]);
+ const { value, setIsNew } = field;
+
+ // Data used by the ComboBox element
+ // to select an emoji category.
+ const categoryItems = useMemo(() => {
+ const categoriesArr = Array.from(categories);
+
+ // Sorted by complex algorithm.
+ const categoryNames = matchSorter(
+ categoriesArr,
+ value ?? "",
+ { threshold: matchSorter.rankings.NO_MATCH },
+ );
+
+ // Map each category to the static image
+ // of the first emoji it contains.
+ const categoryItems: [string, ReactElement][] = [];
+ categoryNames.forEach((categoryName) => {
+ let src: string | undefined;
+ const items = emojiByCategory.get(categoryName);
+ if (items && items.length > 0) {
+ src = items[0].static_url;
+ }
+
+ categoryItems.push([
+ categoryName,
+ <>
+
+ {categoryName}
+
+ ]);
+ });
+
+ return categoryItems;
+ }, [emojiByCategory, categories, value]);
+
+ // New category if something has been entered
+ // and we don't have it in categories yet.
+ useEffect(() => {
+ if (value !== undefined) {
+ const trimmed = value.trim();
+ if (trimmed.length > 0) {
+ setIsNew(!categories.has(trimmed));
+ }
+ }
+ }, [categories, value, isSuccess, setIsNew]);
+
+ if (isLoading) {
+ return ;
+ } else if (isError) {
+ return ;
+ } else {
+ return (
+
+ {children}
+
+ );
+ }
+}
diff --git a/web/source/settings/views/admin/emoji/local/detail.tsx b/web/source/settings/views/admin/emoji/local/detail.tsx
new file mode 100644
index 000000000..2913b6c17
--- /dev/null
+++ b/web/source/settings/views/admin/emoji/local/detail.tsx
@@ -0,0 +1,142 @@
+/*
+ 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, { useEffect } from "react";
+import { Redirect, useParams } from "wouter";
+import { useComboBoxInput, useFileInput, useValue } from "../../../../lib/form";
+import useFormSubmit from "../../../../lib/form/submit";
+import { useBaseUrl } from "../../../../lib/navigation/util";
+import FakeToot from "../../../../components/fake-toot";
+import FormWithData from "../../../../lib/form/form-with-data";
+import Loading from "../../../../components/loading";
+import { FileInput } from "../../../../components/form/inputs";
+import MutationButton from "../../../../components/form/mutation-button";
+import { Error } from "../../../../components/error";
+import { useGetEmojiQuery, useEditEmojiMutation, useDeleteEmojiMutation } from "../../../../lib/query/admin/custom-emoji";
+import { CategorySelect } from "../category-select";
+import BackButton from "../../../../components/back-button";
+
+export default function EmojiDetail() {
+ const baseUrl = useBaseUrl();
+ const params = useParams();
+ return (
+