cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-09 16:53:36 -05:00
Code Issues Projects Releases Packages Wiki Activity

feat(profile): add link to username settings (#364)

Browse source
This commit is contained in:
Ed L 2022-01-04 13:26:42 +00:00 committed by GitHub
parent 21cd3f4558
commit d328c9e61b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/pages/settings/panes/Profile.tsx
View file

@ -1,5 +1,6 @@
import { Markdown } from "@styled-icons/boxicons-logos";
import { observer } from "mobx-react-lite";
import { useHistory } from "react-router-dom";
import { Profile as ProfileI } from "revolt-api/types/Users";
import styles from "./Panes.module.scss";
@ -21,11 +22,13 @@ import AutoComplete, {
useAutoComplete,
} from "../../../components/common/AutoComplete";
import Button from "../../../components/ui/Button";
import Tip from "../../../components/ui/Tip";
export const Profile = observer(() => {
const status = useContext(StatusContext);
const translate = useTranslation();
const client = useClient();
const history = useHistory();
const [profile, setProfile] = useState<undefined | ProfileI>(undefined);
@ -49,6 +52,10 @@ export const Profile = observer(() => {
if (!changed) setChanged(true);
}
function switchPage(to: string) {
history.replace(`/settings/${to}`);
}
const {
onChange,
onKeyUp,
@ -193,6 +200,12 @@ export const Profile = observer(() => {
<Text id="app.special.modals.actions.save" />
</Button>
</p>
<Tip>
<span>Want to change your username?</span>{" "}
<a onClick={() => switchPage("account")}>
Head over to your account settings.
</a>
</Tip>
</div>
);
});