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' })}
- />
);
}