summaryrefslogtreecommitdiff
path: root/web/source/settings/user/profile.js
diff options
context:
space:
mode:
authorLibravatar tobi <31960611+tsmethurst@users.noreply.github.com>2024-01-16 18:28:56 +0100
committerLibravatar GitHub <noreply@github.com>2024-01-16 18:28:56 +0100
commit486585890d674ce3e160d2a8f1e6835e181b0b08 (patch)
treea0d954f5a71f71ddfd4a243152dab10f14397f6e /web/source/settings/user/profile.js
parent[feature] Account alias / move API + db models (#2518) (diff)
downloadgotosocial-486585890d674ce3e160d2a8f1e6835e181b0b08.tar.xz
[feature] Move + alias account via settings panel (#2519)
* [feature] Move + alias account via settings panel * lint * type a bit more diligently
Diffstat (limited to 'web/source/settings/user/profile.js')
-rw-r--r--web/source/settings/user/profile.js237
1 files changed, 0 insertions, 237 deletions
diff --git a/web/source/settings/user/profile.js b/web/source/settings/user/profile.js
deleted file mode 100644
index 125f88e70..000000000
--- a/web/source/settings/user/profile.js
+++ /dev/null
@@ -1,237 +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/>.
-*/
-
-const React = require("react");
-
-const {
- useTextInput,
- useFileInput,
- useBoolInput,
- useFieldArrayInput
-} = require("../lib/form");
-
-const useFormSubmit = require("../lib/form/submit").default;
-const { useWithFormContext, FormContext } = require("../lib/form/context");
-
-const {
- TextInput,
- TextArea,
- FileInput,
- Checkbox
-} = require("../components/form/inputs");
-
-const FormWithData = require("../lib/form/form-with-data").default;
-const FakeProfile = require("../components/fake-profile");
-const MutationButton = require("../components/form/mutation-button");
-
-const { useInstanceV1Query } = require("../lib/query");
-const { useUpdateCredentialsMutation } = require("../lib/query/user");
-const { useVerifyCredentialsQuery } = require("../lib/query/oauth");
-
-module.exports = function UserProfile() {
- return (
- <FormWithData
- dataQuery={useVerifyCredentialsQuery}
- DataForm={UserProfileForm}
- />
- );
-};
-
-function UserProfileForm({ data: profile }) {
- /*
- User profile update form keys
- - bool bot
- - bool locked
- - string display_name
- - string note
- - file avatar
- - file header
- - bool enable_rss
- - string custom_css (if enabled)
- */
-
- const { data: instance } = useInstanceV1Query();
- const instanceConfig = React.useMemo(() => {
- return {
- allowCustomCSS: instance?.configuration?.accounts?.allow_custom_css === true,
- maxPinnedFields: instance?.configuration?.accounts?.max_profile_fields ?? 6
- };
- }, [instance]);
-
- const form = {
- avatar: useFileInput("avatar", { withPreview: true }),
- header: useFileInput("header", { withPreview: true }),
- displayName: useTextInput("display_name", { source: profile }),
- note: useTextInput("note", { source: profile, valueSelector: (p) => p.source?.note }),
- customCSS: useTextInput("custom_css", { source: profile, nosubmit: !instanceConfig.allowCustomCSS }),
- bot: useBoolInput("bot", { source: profile }),
- locked: useBoolInput("locked", { source: profile }),
- discoverable: useBoolInput("discoverable", { source: profile}),
- enableRSS: useBoolInput("enable_rss", { source: profile }),
- fields: useFieldArrayInput("fields_attributes", {
- defaultValue: profile?.source?.fields,
- length: instanceConfig.maxPinnedFields
- }),
- };
-
- const [submitForm, result] = useFormSubmit(form, useUpdateCredentialsMutation(), {
- onFinish: () => {
- form.avatar.reset();
- form.header.reset();
- }
- });
-
- return (
- <form className="user-profile" onSubmit={submitForm}>
- <h1>Profile</h1>
- <div className="overview">
- <FakeProfile
- avatar={form.avatar.previewValue ?? profile.avatar}
- header={form.header.previewValue ?? profile.header}
- display_name={form.displayName.value ?? profile.username}
- username={profile.username}
- role={profile.role}
- />
- <div className="files">
- <div>
- <FileInput
- label="Header"
- field={form.header}
- accept="image/*"
- />
- </div>
- <div>
- <FileInput
- label="Avatar"
- field={form.avatar}
- accept="image/*"
- />
- </div>
- </div>
- </div>
-
- <div className="form-section-docs">
- <h3>Basic Information</h3>
- <a
- href="https://docs.gotosocial.org/en/latest/user_guide/settings/#basic-information"
- target="_blank"
- className="docslink"
- rel="noreferrer"
- >
- Learn more about these settings (opens in a new tab)
- </a>
- </div>
- <TextInput
- field={form.displayName}
- label="Display name"
- placeholder="A GoToSocial user"
- />
- <TextArea
- field={form.note}
- label="Bio"
- placeholder="Just trying out GoToSocial, my pronouns are they/them and I like sloths."
- rows={8}
- />
- <b>Profile fields</b>
- <ProfileFields
- field={form.fields}
- />
-
- <div className="form-section-docs">
- <h3>Visibility and privacy</h3>
- <a
- href="https://docs.gotosocial.org/en/latest/user_guide/settings/#visibility-and-privacy"
- target="_blank"
- className="docslink"
- rel="noreferrer"
- >
- Learn more about these settings (opens in a new tab)
- </a>
- </div>
- <Checkbox
- field={form.locked}
- label="Manually approve follow requests"
- />
- <Checkbox
- field={form.discoverable}
- label="Mark account as discoverable by search engines and directories"
- />
- <Checkbox
- field={form.enableRSS}
- label="Enable RSS feed of Public posts"
- />
-
- <div className="form-section-docs">
- <h3>Advanced</h3>
- <a
- href="https://docs.gotosocial.org/en/latest/user_guide/settings/#advanced"
- target="_blank"
- className="docslink"
- rel="noreferrer"
- >
- Learn more about these settings (opens in a new tab)
- </a>
- </div>
- <TextArea
- field={form.customCSS}
- label={`Custom CSS` + (!instanceConfig.allowCustomCSS ? ` (not enabled on this instance)` : ``)}
- className="monospace"
- rows={8}
- disabled={!instanceConfig.allowCustomCSS}
- />
- <MutationButton label="Save profile info" result={result} />
- </form>
- );
-}
-
-function ProfileFields({ field: formField }) {
- return (
- <div className="fields">
- <FormContext.Provider value={formField.ctx}>
- {formField.value.map((data, i) => (
- <Field
- key={i}
- index={i}
- data={data}
- />
- ))}
- </FormContext.Provider>
- </div>
- );
-}
-
-function Field({ index, data }) {
- const form = useWithFormContext(index, {
- name: useTextInput("name", { defaultValue: data.name }),
- value: useTextInput("value", { defaultValue: data.value })
- });
-
- return (
- <div className="entry">
- <TextInput
- field={form.name}
- placeholder="Name"
- />
- <TextInput
- field={form.value}
- placeholder="Value"
- />
- </div>
- );
-} \ No newline at end of file