summaryrefslogtreecommitdiff
path: root/web/source/settings/user/migration.tsx
diff options
context:
space:
mode:
authorLibravatar tobi <31960611+tsmethurst@users.noreply.github.com>2024-04-24 12:12:47 +0200
committerLibravatar GitHub <noreply@github.com>2024-04-24 11:12:47 +0100
commit7a1e6394831fb07e303c5ed0900dfe1ea4820de5 (patch)
treebcd526463b19a85fbe821dcad2276da401daec18 /web/source/settings/user/migration.tsx
parent[chore]: Bump codeberg.org/gruf/go-mutexes from 1.4.0 to 1.4.1 (#2860) (diff)
downloadgotosocial-7a1e6394831fb07e303c5ed0900dfe1ea4820de5.tar.xz
[chore] Refactor settings panel routing (and other fixes) (#2864)
Diffstat (limited to 'web/source/settings/user/migration.tsx')
-rw-r--r--web/source/settings/user/migration.tsx212
1 files changed, 0 insertions, 212 deletions
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 <http://www.gnu.org/licenses/>.
-*/
-
-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 (
- <FormWithData
- dataQuery={useVerifyCredentialsQuery}
- DataForm={UserMigrationForm}
- />
- );
-}
-
-function UserMigrationForm({ data: profile }) {
- return (
- <>
- <h2>Account Migration Settings</h2>
- <p>
- The following settings allow you to <strong>alias</strong> your account to
- another account elsewhere, or to <strong>move</strong> to another account.
- </p>
- <p>
- Account <strong>aliasing</strong> is harmless and reversible; you can
- set and unset up to five account aliases as many times as you wish.
- </p>
- <p>
- The account <strong>move</strong> action, on the other
- hand, has serious and irreversible consequences.
- </p>
- <p>
- For more information on account migration, please see <a href="https://docs.gotosocial.org/en/latest/user_guide/settings/#migration" target="_blank" className="docslink" rel="noreferrer">the documentation</a>.
- </p>
- <AliasForm data={profile} />
- <MoveForm data={profile} />
- </>
- );
-}
-
-function AliasForm({ data: profile }) {
- const form = {
- alsoKnownAs: useArrayInput("also_known_as_uris", {
- source: profile,
- valueSelector: (p) => (
- p.source?.also_known_as_uris
- ? p.source?.also_known_as_uris.map(entry => [entry])
- : []
- ),
- length: 5,
- }),
- };
-
- const [submitForm, result] = useFormSubmit(form, useAliasAccountMutation());
-
- return (
- <form className="user-migration-alias" onSubmit={submitForm}>
- <div className="form-section-docs without-border">
- <h3>Alias Account</h3>
- <a
- href="https://docs.gotosocial.org/en/latest/user_guide/settings/#alias-account"
- target="_blank"
- className="docslink"
- rel="noreferrer"
- >
- Learn more about account aliasing (opens in a new tab)
- </a>
- </div>
- <AlsoKnownAsURIs
- field={form.alsoKnownAs}
- />
- <MutationButton
- disabled={false}
- label="Save account aliases"
- result={result}
- />
- </form>
- );
-}
-
-function AlsoKnownAsURIs({ field: formField }) {
- return (
- <div className="aliases">
- <FormContext.Provider value={formField.ctx}>
- {formField.value.map((data, i) => (
- <AlsoKnownAsURI
- key={i}
- index={i}
- data={data}
- />
- ))}
- </FormContext.Provider>
- </div>
- );
-}
-
-function AlsoKnownAsURI({ index, data }) {
- const name = `${index}`;
- const form = useWithFormContext(index, {
- alsoKnownAsURI: useTextInput(
- name,
- // Only one field per entry.
- { defaultValue: data[0] ?? "" },
- ),
- });
-
- return (
- <TextInput
- label={`Alias #${index+1}`}
- field={form.alsoKnownAsURI}
- placeholder={`https://example.org/users/my_other_account_${index+1}`}
- />
- );
-}
-
-function MoveForm({ data: profile }) {
- let urlStr = store.getState().oauth.instanceUrl ?? "";
- let url = new URL(urlStr);
-
- const form = {
- movedToURI: useTextInput("moved_to_uri", {
- source: profile,
- valueSelector: (p) => p.moved?.url },
- ),
- password: useTextInput("password"),
- };
-
- const [submitForm, result] = useFormSubmit(form, useMoveAccountMutation(), {
- changedOnly: false,
- });
-
- return (
- <form className="user-migration-move" onSubmit={submitForm}>
- <div className="form-section-docs without-border">
- <h3>Move Account</h3>
- <p>
- <p>
- For a move to be successful, you must have already set an alias from the
- target account back to the account you're moving from (ie., this account),
- using the settings panel of the instance on which the target account resides.
- </p>
- <p>
- To do this, provide the following details to the other instance:
- </p>
- <dl className="migration-details">
- <div>
- <dt>Account handle/username:</dt>
- <dd>@{profile.acct}@{url.host}</dd>
- </div>
- <div>
- <dt>Account URI:</dt>
- <dd>{urlStr}/users/{profile.username}</dd>
- </div>
- </dl>
- <br/>
- <a
- href="https://docs.gotosocial.org/en/latest/user_guide/settings/#move-account"
- target="_blank"
- className="docslink"
- rel="noreferrer"
- >
- Learn more about moving your account (opens in a new tab)
- </a>
- </p>
- </div>
- <TextInput
- disabled={false}
- field={form.movedToURI}
- label="Move target URI"
- placeholder="https://example.org/users/my_new_account"
- />
- <TextInput
- disabled={false}
- type="password"
- name="password"
- field={form.password}
- label="Current account password"
- />
- <MutationButton
- disabled={false}
- label="Confirm account move"
- result={result}
- />
- </form>
- );
-}