@@ -135,7 +135,7 @@ export function SettingsPage() {
decryptedName,
proxySet,
backendUrlSetting,
- account?.profile
+ account?.profile,
);
const saveChanges = useCallback(async () => {
@@ -149,7 +149,7 @@ export function SettingsPage() {
if (state.deviceName.changed) {
const newDeviceName = await encryptData(
state.deviceName.state,
- base64ToBuffer(account.seed)
+ base64ToBuffer(account.seed),
);
await updateSession(backendUrl, account, {
deviceName: newDeviceName,
@@ -270,3 +270,5 @@ export function SettingsPage() {
);
}
+
+export default SettingsPage;
diff --git a/src/pages/developer/VideoTesterView.tsx b/src/pages/developer/VideoTesterView.tsx
index e58c4632..d636dae3 100644
--- a/src/pages/developer/VideoTesterView.tsx
+++ b/src/pages/developer/VideoTesterView.tsx
@@ -54,7 +54,7 @@ export default function VideoTesterView() {
setMeta(testMeta);
playMedia(source, [], null);
},
- [playMedia, setMeta]
+ [playMedia, setMeta],
);
return (
diff --git a/src/pages/layouts/ErrorLayout.tsx b/src/pages/layouts/ErrorLayout.tsx
index ac89284c..0b33c965 100644
--- a/src/pages/layouts/ErrorLayout.tsx
+++ b/src/pages/layouts/ErrorLayout.tsx
@@ -9,7 +9,7 @@ export function ErrorContainer(props: {
{props.children}
diff --git a/src/pages/layouts/SubPageLayout.tsx b/src/pages/layouts/SubPageLayout.tsx
index 3be3e97e..b21566d7 100644
--- a/src/pages/layouts/SubPageLayout.tsx
+++ b/src/pages/layouts/SubPageLayout.tsx
@@ -10,13 +10,13 @@ export function BlurEllipsis(props: { positionClass?: string }) {
diff --git a/src/pages/parts/admin/WorkerTestPart.tsx b/src/pages/parts/admin/WorkerTestPart.tsx
index 8fef5fb7..e2dd6780 100644
--- a/src/pages/parts/admin/WorkerTestPart.tsx
+++ b/src/pages/parts/admin/WorkerTestPart.tsx
@@ -23,8 +23,8 @@ export function WorkerItem(props: {
props.errored
? Icons.WARNING
: props.success
- ? Icons.CIRCLE_CHECK
- : Icons.EYE_SLASH
+ ? Icons.CIRCLE_CHECK
+ : Icons.EYE_SLASH
}
className={classNames({
"text-xl mr-2 mt-0.5": true,
@@ -72,7 +72,7 @@ export function WorkerTestPart() {
await singularProxiedFetch(
worker.url,
"https://postman-echo.com/get",
- {}
+ {},
);
updateWorker(worker.id, {
id: worker.id,
diff --git a/src/pages/parts/auth/LoginFormPart.tsx b/src/pages/parts/auth/LoginFormPart.tsx
index 39b81b96..e4bed3ec 100644
--- a/src/pages/parts/auth/LoginFormPart.tsx
+++ b/src/pages/parts/auth/LoginFormPart.tsx
@@ -58,7 +58,7 @@ export function LoginFormPart(props: LoginFormPartProps) {
props.onLogin?.();
},
- [props, login, restore, t]
+ [props, login, restore, t],
);
return (
diff --git a/src/pages/parts/auth/TrustBackendPart.tsx b/src/pages/parts/auth/TrustBackendPart.tsx
index f9db155c..c2e2325c 100644
--- a/src/pages/parts/auth/TrustBackendPart.tsx
+++ b/src/pages/parts/auth/TrustBackendPart.tsx
@@ -1,6 +1,6 @@
import { useMemo } from "react";
import { Trans, useTranslation } from "react-i18next";
-import { useHistory } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
import { useAsync } from "react-use";
import { MetaResponse, getBackendMeta } from "@/backend/accounts/meta";
@@ -21,7 +21,7 @@ interface TrustBackendPartProps {
}
export function TrustBackendPart(props: TrustBackendPartProps) {
- const history = useHistory();
+ const navigate = useNavigate();
const backendUrl = useBackendUrl();
const hostname = useMemo(() => new URL(backendUrl).hostname, [backendUrl]);
const result = useAsync(() => {
@@ -54,8 +54,13 @@ export function TrustBackendPart(props: TrustBackendPartProps) {
title={t("auth.trust.title")}
icon={
}
>
-
- {{ hostname }}
+
+
@@ -63,7 +68,7 @@ export function TrustBackendPart(props: TrustBackendPartProps) {
{cardContent}
);
diff --git a/src/pages/parts/settings/ThemePart.tsx b/src/pages/parts/settings/ThemePart.tsx
index 4ccfae41..50a22b1c 100644
--- a/src/pages/parts/settings/ThemePart.tsx
+++ b/src/pages/parts/settings/ThemePart.tsx
@@ -44,7 +44,7 @@ function ThemePreview(props: {
"tabbable scroll-mt-32 w-full h-32 relative rounded-lg border bg-gradient-to-br from-themePreview-primary/20 to-themePreview-secondary/10 bg-clip-content transition-colors duration-150",
props.active
? "border-themePreview-primary"
- : "border-transparent group-hover:border-white/20"
+ : "border-transparent group-hover:border-white/20",
)}
>
{/* Dots */}
@@ -57,7 +57,7 @@ function ThemePreview(props: {
icon={Icons.CHECKMARK}
className={classNames(
"absolute top-3 right-3 text-xs text-white transition-opacity duration-150",
- props.active ? "opacity-100" : "opacity-0"
+ props.active ? "opacity-100" : "opacity-0",
)}
/>
{/* Mini movie-web. So Kawaiiiii! */}
@@ -105,7 +105,7 @@ function ThemePreview(props: {