{ !processing &&
diff --git a/src/pages/login/forms/Form.tsx b/src/pages/login/forms/Form.tsx
index 5d8911b3..d1e0e8c4 100644
--- a/src/pages/login/forms/Form.tsx
+++ b/src/pages/login/forms/Form.tsx
@@ -5,7 +5,7 @@ import styles from "../Login.module.scss";
import { useForm } from "react-hook-form";
import { MailProvider } from "./MailProvider";
import { useContext, useState } from "preact/hooks";
-import { CheckCircle, Mail } from "@styled-icons/feather";
+import { CheckCircle, Envelope } from "@styled-icons/boxicons-regular";
import { takeError } from "../../../context/revoltjs/util";
import { CaptchaBlock, CaptchaProps } from "./CaptchaBlock";
import { AppContext } from "../../../context/revoltjs/RevoltClient";
@@ -109,7 +109,7 @@ export function Form({ page, callback }: Props) {
{client.configuration?.features.email ? (
<>
-
+
diff --git a/src/pages/settings/ChannelSettings.tsx b/src/pages/settings/ChannelSettings.tsx
index cd4b0f47..4039779e 100644
--- a/src/pages/settings/ChannelSettings.tsx
+++ b/src/pages/settings/ChannelSettings.tsx
@@ -1,5 +1,5 @@
import { Text } from "preact-i18n";
-import { List } from "@styled-icons/feather";
+import { ListUl } from "@styled-icons/boxicons-regular";
import Category from "../../components/ui/Category";
import { GenericSettings } from "./GenericSettings";
import { getChannelName } from "../../context/revoltjs/util";
@@ -30,7 +30,7 @@ export default function ChannelSettings() {
{
category:
,
id: 'overview',
- icon:
,
+ icon:
,
title:
}
]}
diff --git a/src/pages/settings/GenericSettings.tsx b/src/pages/settings/GenericSettings.tsx
index 89579f4c..e32c7939 100644
--- a/src/pages/settings/GenericSettings.tsx
+++ b/src/pages/settings/GenericSettings.tsx
@@ -6,7 +6,7 @@ import Header from '../../components/ui/Header';
import Category from '../../components/ui/Category';
import IconButton from "../../components/ui/IconButton";
import LineDivider from "../../components/ui/LineDivider";
-import { ArrowLeft, X, XCircle } from "@styled-icons/feather";
+import { LeftArrowAlt, X, XCircle } from "@styled-icons/boxicons-regular";
import { Switch, useHistory, useParams } from "react-router-dom";
import { isTouchscreenDevice } from "../../lib/isTouchscreenDevice";
import ButtonItem from "../../components/navigation/items/ButtonItem";
@@ -65,7 +65,7 @@ export function GenericSettings({ pages, switchPage, category, custom, children,
) : (
<>
switchPage()}>
-
+
,
id: 'overview',
- icon:
,
+ icon:
,
title:
},
{
id: 'members',
- icon:
,
+ icon:
,
title: "Members"
},
{
id: 'invites',
- icon:
,
+ icon:
,
title: "Invites"
},
{
id: 'bans',
- icon:
,
+ icon:
,
title: "Bans"
}
]}
diff --git a/src/pages/settings/Settings.tsx b/src/pages/settings/Settings.tsx
index 58be985a..76e99e21 100644
--- a/src/pages/settings/Settings.tsx
+++ b/src/pages/settings/Settings.tsx
@@ -10,16 +10,16 @@ import {
Bell,
Box,
Coffee,
- Gitlab,
Globe,
Image,
LogOut,
- RefreshCw,
+ Sync as SyncIcon,
Shield,
ToggleRight,
User
-} from "@styled-icons/feather";
-import { Megaphone } from "@styled-icons/bootstrap";
+} from "@styled-icons/boxicons-regular";
+import { Megaphone } from "@styled-icons/boxicons-solid";
+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";
@@ -54,49 +54,49 @@ export default function Settings() {
{
category:
,
id: 'account',
- icon:
,
+ icon:
,
title:
},
{
id: 'profile',
- icon:
,
+ icon:
,
title:
},
{
id: 'sessions',
- icon:
,
+ icon:
,
title:
},
{
category:
,
id: 'appearance',
- icon:
,
+ icon:
,
title:
},
{
id: 'notifications',
- icon:
,
+ icon:
,
title:
},
{
id: 'language',
- icon:
,
+ icon:
,
title:
},
{
id: 'sync',
- icon:
,
+ icon:
,
title:
},
{
divider: true,
id: 'experiments',
- icon:
,
+ icon:
,
title:
},
{
id: 'feedback',
- icon:
,
+ icon:
,
title:
}
]}
@@ -122,13 +122,13 @@ export default function Settings() {
target="_blank"
>
-
+
,
-
+
,
@@ -138,7 +138,7 @@ export default function Settings() {
className={styles.logOut}
compact
>
-
+
,
diff --git a/src/pages/settings/panes/Account.tsx b/src/pages/settings/panes/Account.tsx
index b3f7e61c..1fc80c25 100644
--- a/src/pages/settings/panes/Account.tsx
+++ b/src/pages/settings/panes/Account.tsx
@@ -5,7 +5,7 @@ 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 { AtSign, Key, Mail } from "@styled-icons/feather";
+import { At, Key, Envelope } 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";
@@ -54,8 +54,8 @@ export function Account() {
{[
- ["username", user.username,
],
- ["email", email,
],
+ ["username", user.username,
],
+ ["email", email,
],
["password", "*****",
]
].map(([field, value, icon]) => (
diff --git a/src/pages/settings/panes/Sessions.tsx b/src/pages/settings/panes/Sessions.tsx
index e0501d7f..b9bccc4b 100644
--- a/src/pages/settings/panes/Sessions.tsx
+++ b/src/pages/settings/panes/Sessions.tsx
@@ -9,7 +9,7 @@ import Preloader from "../../../components/ui/Preloader";
import { useContext, useEffect, useState } from "preact/hooks";
import { AppContext } from "../../../context/revoltjs/RevoltClient";
-import { HelpCircle } from "@styled-icons/feather";
+import { HelpCircle } from "@styled-icons/boxicons-regular";
import {
Android,
Firefoxbrowser,
diff --git a/src/pages/settings/server/Invites.tsx b/src/pages/settings/server/Invites.tsx
index 21e03370..1b372357 100644
--- a/src/pages/settings/server/Invites.tsx
+++ b/src/pages/settings/server/Invites.tsx
@@ -1,5 +1,5 @@
import styles from './Panes.module.scss';
-import { XCircle } from "@styled-icons/feather";
+import { XCircle } from "@styled-icons/boxicons-regular";
import { useEffect, useState } from "preact/hooks";
import Preloader from "../../../components/ui/Preloader";
import IconButton from "../../../components/ui/IconButton";