cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-12-25 23:22:06 -05:00
Code Issues Projects Releases Packages Wiki Activity

feat: implement logic for status changer in mobile settings

Browse source
This commit is contained in:
Paul Makles 2021-12-30 18:04:08 +00:00
parent 66d3e7c616
commit e758b23ac3
1 changed files with 31 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/pages/settings/Settings.tsx
View file

@ -25,16 +25,19 @@ import { LIBRARY_VERSION } from "revolt.js";
import styled from "styled-components";
import styles from "./Settings.module.scss";
import { openContextMenu } from "preact-context-menu";
import { Text } from "preact-i18n";
import { useContext } from "preact/hooks";
import { useApplicationState } from "../../mobx/State";
import { useIntermediate } from "../../context/intermediate/Intermediate";
import RequiresOnline from "../../context/revoltjs/RequiresOnline";
import { AppContext, LogOutContext } from "../../context/revoltjs/RevoltClient";
import UserIcon from "../../components/common/user/UserIcon";
import { Username } from "../../components/common/user/UserShort";
import UserStatus from "../../components/common/user/UserStatus";
import LineDivider from "../../components/ui/LineDivider";
import ButtonItem from "../../components/navigation/items/ButtonItem";
@ -115,6 +118,7 @@ export default observer(() => {
const history = useHistory();
const client = useContext(AppContext);
const logout = useContext(LogOutContext);
const { openScreen } = useIntermediate();
const experiments = useApplicationState().experiments;
function switchPage(to?: string) {
@ -319,17 +323,38 @@ export default observer(() => {
}
indexHeader={
<AccountHeader>
{/*<div className="account">
<UserIcon size={64} target={client.user!} />
<div className="account">
<UserIcon
size={64}
target={client.user!}
status
onClick={() => openContextMenu("Status")}
/>
<div className="details">
<Username user={client.user!} prefixAt />
Status goes here
<UserStatus user={client.user!} />
</div>
</div>
<div className="statusChanger">
<div className="status">Change your status...</div>
<Trash size={24} />
</div>*/}
<a
className="status"
onClick={() =>
openScreen({
id: "special_input",
type: "set_custom_status",
})
}>
Change your status...
</a>
{client.user!.status?.text && (
<Trash
size={24}
onClick={() =>
client.users.edit({ remove: "StatusText" })
}
/>
)}
</div>
</AccountHeader>
}
/>