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

Update: Account management under settings +strings

Browse source
This commit is contained in:
nizune 2021-07-06 14:24:24 +02:00
parent 0b5b0360b8
commit 3f2d8c2d35
3 changed files with 36 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/ui/Button.tsx
View file

@ -1,6 +1,8 @@
import styled, { css } from "styled-components";
interface Props {
readonly compact?: boolean;
readonly accent?: boolean;
readonly contrast?: boolean;
readonly plain?: boolean;
readonly error?: boolean;
@ -43,6 +45,19 @@ export default styled.button<Props>`
background: var(--secondary-background);
}
${(props) =>
props.compact &&
css`
height: 32px !important;
padding: 2px 12px !important;
`}
${(props) =>
props.accent &&
css`
background: var(--accent) !important;
`}
${(props) =>
props.plain &&
css`

25
src/pages/settings/panes/Account.tsx
View file

@ -64,7 +64,7 @@ export function Account() {
<div className={styles.userDetail}>
<div className={styles.username}>@{user.username}</div>
<div className={styles.userid}>
<Tooltip content={"This is your unique user identificator"}>
<Tooltip content={<Text id="app.settings.pages.account.tooltip_ulid" />}>
<HelpCircle size={16} />
</Tooltip>
{user._id}
@ -102,16 +102,21 @@ export function Account() {
</div>
))}
</div>
{/*<h3>Two-factor Authentication</h3>
<h5>Coming Soon</h5>
<h3>Account Management</h3>
<h5>Disable, schedule your deletion or outright delete your account at any time. This action will log you out and fully delete your account, including your chat history and friends.</h5>
<Button contrast>
Disable Account
</Button>
<Button contrast>
Delete Account
{/*<h3><Text id="app.settings.pages.account.two_factor_auth.title" /></h3>
<h5><Text id="app.settings.pages.account.two_factor_auth.description" /></h5>
<Button accent compact>
<Text id="app.settings.pages.account.two_factor_auth.add_auth" />
</Button>*/}
<h3><Text id="app.settings.pages.account.account_management.title" /></h3>
<h5><Text id="app.settings.pages.account.account_management.description" /></h5>
<div className={styles.buttons}>
{/*<Button error compact>
<Text id="app.settings.pages.account.account_management.disable_account" />
</Button>*/}
<Button error compact>
<Text id="app.settings.pages.account.account_management.delete_account" />
</Button>
</div>
<Tip>
<span>
<Text id="app.settings.tips.account.a" />

6
src/pages/settings/panes/Panes.module.scss
View file

@ -7,6 +7,7 @@
border-radius: 6px;
align-items: center;
background: var(--secondary-header);
overflow: hidden;
.avatar {
cursor: pointer;
@ -96,6 +97,11 @@
flex-grow: 1;
}
}
.buttons {
display: flex;
gap: 12px;
}
}
.appearance {