diff --git a/external/lang b/external/lang index 7ed91d39..2a9ef2c8 160000 --- a/external/lang +++ b/external/lang @@ -1 +1 @@ -Subproject commit 7ed91d39ac72edc9d70c8e531caf50172bd79ff6 +Subproject commit 2a9ef2c8025dd71a20fddca7c94cb7af30978c4b diff --git a/src/pages/settings/Settings.tsx b/src/pages/settings/Settings.tsx index 0141409d..4fa2b582 100644 --- a/src/pages/settings/Settings.tsx +++ b/src/pages/settings/Settings.tsx @@ -10,22 +10,19 @@ import { Bell, Palette, Coffee, - Globe, IdCard, - LogOut, - Sync as SyncIcon, - Shield, - Vial, - User -} from "@styled-icons/boxicons-regular"; -import { Brush, Megaphone } from "@styled-icons/boxicons-solid"; + CheckShield, + Flask, + User, + Megaphone +} from "@styled-icons/boxicons-solid"; +import { Sync as SyncIcon, Globe, LogOut } from "@styled-icons/boxicons-regular"; import { Gitlab } from "@styled-icons/boxicons-logos"; import { GIT_BRANCH, GIT_REVISION, REPO_URL } from "../../revision"; import LineDivider from "../../components/ui/LineDivider"; import RequiresOnline from "../../context/revoltjs/RequiresOnline"; import ButtonItem from "../../components/navigation/items/ButtonItem"; import { AppContext, OperationsContext } from "../../context/revoltjs/RevoltClient"; - import { Account } from "./panes/Account"; import { Profile } from "./panes/Profile"; import { Sessions } from "./panes/Sessions"; @@ -64,7 +61,7 @@ export default function Settings() { }, { id: 'sessions', - icon: , + icon: , title: }, { @@ -91,7 +88,7 @@ export default function Settings() { { divider: true, id: 'experiments', - icon: , + icon: , title: }, { diff --git a/src/pages/settings/panes/Account.tsx b/src/pages/settings/panes/Account.tsx index 1fc80c25..7a849e0e 100644 --- a/src/pages/settings/panes/Account.tsx +++ b/src/pages/settings/panes/Account.tsx @@ -5,7 +5,8 @@ import Button from "../../../components/ui/Button"; import { Users } from "revolt.js/dist/api/objects"; import { Link, useHistory } from "react-router-dom"; import Overline from "../../../components/ui/Overline"; -import { At, Key, Envelope } from "@styled-icons/boxicons-regular"; +import { Envelope, Key } from "@styled-icons/boxicons-solid"; +import { At } from "@styled-icons/boxicons-regular"; import { useContext, useEffect, useState } from "preact/hooks"; import UserIcon from "../../../components/common/user/UserIcon"; import { useForceUpdate, useSelf } from "../../../context/revoltjs/hooks"; @@ -47,9 +48,7 @@ export function Account() { return (
- - - + switchPage("profile")}/>
@{user.username}
diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss index f2f41494..20681020 100644 --- a/src/pages/settings/panes/Panes.module.scss +++ b/src/pages/settings/panes/Panes.module.scss @@ -8,16 +8,18 @@ align-items: center; background: var(--secondary-header); + .avatar { + cursor: pointer; + transition: 0.2s ease filter; + + &:hover { + filter: brightness(80%); + } + } + .username { font-size: 24px; - } - - a { - transition: 0.2s ease filter; - } - - a:hover { - filter: brightness(80%); + font-weight: 600; } } @@ -32,6 +34,10 @@ display: flex; align-items: center; flex-direction: row; + + > svg { + flex-shrink: 0; + } } .detail { diff --git a/src/pages/settings/server/Overview.tsx b/src/pages/settings/server/Overview.tsx index 19c8fed3..849e0e01 100644 --- a/src/pages/settings/server/Overview.tsx +++ b/src/pages/settings/server/Overview.tsx @@ -82,6 +82,20 @@ export function Overview({ server }: Props) { }} /> +

+ +

+ client.servers.edit(server._id, { banner })} + previewURL={client.servers.getBannerURL(server._id, { width: 1000 }, true)} + remove={() => client.servers.edit(server._id, { remove: 'Banner' })} + /> +

@@ -93,7 +107,7 @@ export function Overview({ server }: Props) { ].map(([ i18n, key ]) => // ! FIXME: temporary code just so we can expose the options

- {i18n} + {i18n} { if (!changed) setChanged(true) @@ -123,20 +137,6 @@ export function Overview({ server }: Props) {

- -

- -

- client.servers.edit(server._id, { banner })} - previewURL={client.servers.getBannerURL(server._id, { width: 1000 }, true)} - remove={() => client.servers.edit(server._id, { remove: 'Banner' })} - />
); }