/* GoToSocial Copyright (C) 2021-2022 GoToSocial Authors admin@gotosocial.org This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see . */ "use strict"; const Promise = require("bluebird"); const React = require("react"); const Redux = require("react-redux"); const Submit = require("../components/submit"); const api = require("../lib/api"); const user = require("../redux/reducers/user").actions; const submit = require("../lib/submit"); const { formFields } = require("../components/form-fields"); const { TextInput, TextArea, Checkbox, File } = formFields(user.setProfileVal, (state) => state.user.profile); module.exports = function UserProfile() { const dispatch = Redux.useDispatch(); const account = Redux.useSelector(state => state.user.profile); const instance = Redux.useSelector(state => state.instances.current); const allowCustomCSS = instance.configuration.accounts.allow_custom_css; const [errorMsg, setError] = React.useState(""); const [statusMsg, setStatus] = React.useState(""); const saveProfile = submit( () => dispatch(api.user.updateProfile()), {setStatus, setError} ); return (

Profile

{account.header
{account.avatar
{account.display_name.trim().length > 0 ? account.display_name : account.username}
@{account.username}

Header

Avatar

}
); };