- Offline users temporarily disabled for this
- server, see issue{" "}
+ Offline users have temporarily been disabled for
+ larger servers - see{" "}
- #128
+ issue #178
{" "}
for when this will be resolved.
- You may re-enable them in{" "}
+ You may re-enable them{" "}
- experiments
+ here
.
diff --git a/src/components/settings/appearance/AppearanceOptions.tsx b/src/components/settings/appearance/AppearanceOptions.tsx
index 3d2bd73a..ef70781f 100644
--- a/src/components/settings/appearance/AppearanceOptions.tsx
+++ b/src/components/settings/appearance/AppearanceOptions.tsx
@@ -26,6 +26,20 @@ export default function AppearanceOptions() {
-
- 
-
+
+
+ {"Welcome to Revolt."}
+
+
+ {loading ? (
+
+ {"It's time to choose a username."}
+
+ {
+ "Others will be able to find, recognise and mention you with this name, so choose wisely."
+ }
+
+ {
+ "You can change it at any time in your User Settings."
+ }
+
+
+
+ )}
+
-
- {loading ? (
-
-
-
-
- )}
-
-
+ 
);
}
diff --git a/src/controllers/modals/components/legacy/UserProfile.tsx b/src/controllers/modals/components/legacy/UserProfile.tsx
index 0ec0eebd..e7f82328 100644
--- a/src/controllers/modals/components/legacy/UserProfile.tsx
+++ b/src/controllers/modals/components/legacy/UserProfile.tsx
@@ -41,8 +41,8 @@ import { ModalProps } from "../../types";
export const UserProfile = observer(
({
user_id,
- dummy,
- dummyProfile,
+ isPlaceholder,
+ placeholderProfile,
...props
}: ModalProps<"user_profile">) => {
const [profile, setProfile] = useState<
@@ -87,21 +87,21 @@ export const UserProfile = observer(
}, [user_id]);
useEffect(() => {
- if (dummy) {
- setProfile(dummyProfile);
+ if (isPlaceholder) {
+ setProfile(placeholderProfile);
}
- }, [dummy, dummyProfile]);
+ }, [isPlaceholder, placeholderProfile]);
useEffect(() => {
- if (dummy) return;
+ if (isPlaceholder) return;
if (session.state === "Online" && typeof mutual === "undefined") {
setMutual(null);
user.fetchMutual().then(setMutual);
}
- }, [mutual, session.state, dummy, user]);
+ }, [mutual, session.state, isPlaceholder, user]);
useEffect(() => {
- if (dummy) return;
+ if (isPlaceholder) return;
if (session.state === "Online" && typeof profile === "undefined") {
setProfile(null);
@@ -109,7 +109,7 @@ export const UserProfile = observer(
user.fetchProfile().then(setProfile).catch(noop);
}
}
- }, [profile, session.state, dummy, user]);
+ }, [profile, session.state, isPlaceholder, user]);
useEffect(() => {
if (
@@ -169,7 +169,8 @@ export const UserProfile = observer(
onClick={() =>
modalController.writeText(user.username)
}>
- @{user.username}
+ {"@"}
+ {user.username}
{user.status?.text && (
@@ -184,11 +185,11 @@ export const UserProfile = observer(
palette="accent"
compact
onClick={props.onClose}>
- Add to server
+ {"Add to server" /* FIXME: i18n */}
)}
- {user.relationship === "Friend" && (
+ {(user.relationship === "Friend" || user.bot) && (
)}
- {user.relationship === "User" && !dummy && (
+ {user.relationship === "User" && !isPlaceholder && (
{
props.onClose?.();
@@ -237,11 +238,13 @@ export const UserProfile = observer(
{user.relationship !== "User" && (
<>
- setTab("friends")}>
-
{children}
diff --git a/src/controllers/modals/components/legacy/assets/onboarding_background.svg b/src/controllers/modals/components/legacy/assets/onboarding_background.svg
new file mode 100644
index 00000000..45975c95
--- /dev/null
+++ b/src/controllers/modals/components/legacy/assets/onboarding_background.svg
@@ -0,0 +1,2 @@
+
+
diff --git a/src/controllers/modals/types.ts b/src/controllers/modals/types.ts
index 1275fe4c..033776a6 100644
--- a/src/controllers/modals/types.ts
+++ b/src/controllers/modals/types.ts
@@ -98,8 +98,8 @@ export type Modal = {
| {
type: "user_profile";
user_id: string;
- dummy?: boolean;
- dummyProfile?: API.UserProfile;
+ isPlaceholder?: boolean;
+ placeholderProfile?: API.UserProfile;
}
| {
type: "create_bot";
diff --git a/src/lib/ContextMenus.tsx b/src/lib/ContextMenus.tsx
index 3298a4aa..16dd239a 100644
--- a/src/lib/ContextMenus.tsx
+++ b/src/lib/ContextMenus.tsx
@@ -974,6 +974,10 @@ export default function ContextMenus() {
}
}
+ // workaround to prevent button duplication
+ let hideIDButton;
+ if (sid && server) hideIDButton = true;
+
if (sid && server) {
generateAction(
{
@@ -1015,15 +1019,28 @@ export default function ContextMenus() {
"open_server_settings",
);
+ // workaround to move this above the delete/leave button
+ generateAction(
+ { action: "copy_id", id },
+ "copy_sid",
+ );
+
+ pushDivider();
if (userId === server.owner) {
generateAction(
{ action: "delete_server", target: server },
"delete_server",
+ undefined,
+ undefined,
+ "var(--error)",
);
} else {
generateAction(
{ action: "leave_server", target: server },
"leave_server",
+ undefined,
+ undefined,
+ "var(--error)",
);
}
}
@@ -1035,16 +1052,16 @@ export default function ContextMenus() {
});
}
- generateAction(
- { action: "copy_id", id },
- sid
- ? "copy_sid"
- : cid
- ? "copy_cid"
- : message
- ? "copy_mid"
- : "copy_uid",
- );
+ if (!hideIDButton) {
+ generateAction(
+ { action: "copy_id", id },
+ cid
+ ? "copy_cid"
+ : message
+ ? "copy_mid"
+ : "copy_uid",
+ );
+ }
}
return elements;
diff --git a/src/lib/vortex/VoiceState.ts b/src/lib/vortex/VoiceState.ts
index e83bafec..f284820b 100644
--- a/src/lib/vortex/VoiceState.ts
+++ b/src/lib/vortex/VoiceState.ts
@@ -1,6 +1,5 @@
import { action, makeAutoObservable, runInAction } from "mobx";
-import { Channel } from "revolt.js";
-import { Nullable, toNullable } from "revolt.js";
+import { Channel, Nullable, toNullable } from "revolt.js";
import type { ProduceType, VoiceUser } from "./Types";
import type VoiceClient from "./VoiceClient";
diff --git a/src/mobx/stores/Draft.ts b/src/mobx/stores/Draft.ts
index de84c1f9..345351d7 100644
--- a/src/mobx/stores/Draft.ts
+++ b/src/mobx/stores/Draft.ts
@@ -5,15 +5,22 @@ import { mapToRecord } from "../../lib/conversion";
import Persistent from "../interfaces/Persistent";
import Store from "../interfaces/Store";
+interface DraftObject {
+ content?: string;
+ masquerade?: {
+ avatar: string;
+ name: string;
+ };
+}
export interface Data {
- drafts: Record;
+ drafts: Record;
}
/**
* Handles storing draft (currently being written) messages.
*/
export default class Draft implements Store, Persistent {
- private drafts: ObservableMap;
+ private drafts: ObservableMap;
/**
* Construct new Draft store.
@@ -52,7 +59,10 @@ export default class Draft implements Store, Persistent {
* @param channel Channel ID
*/
@computed has(channel: string) {
- return this.drafts.has(channel) && this.drafts.get(channel)!.length > 0;
+ return (
+ this.drafts.has(channel) &&
+ this.drafts.get(channel)!.content!.length > 0
+ );
}
/**
@@ -60,7 +70,7 @@ export default class Draft implements Store, Persistent {
* @param channel Channel ID
* @param content Draft content
*/
- @action set(channel: string, content?: string) {
+ @action set(channel: string, content?: DraftObject) {
if (typeof content === "undefined") {
return this.clear(channel);
}
diff --git a/src/mobx/stores/Experiments.ts b/src/mobx/stores/Experiments.ts
index 23dd1751..63df9811 100644
--- a/src/mobx/stores/Experiments.ts
+++ b/src/mobx/stores/Experiments.ts
@@ -29,13 +29,13 @@ export const EXPERIMENTS: {
[key in Experiment]: { title: string; description: string };
} = {
dummy: {
- title: "Dummy Experiment",
- description: "This is a dummy experiment.",
+ title: "Placeholder Experiment",
+ description: "This is a placeholder experiment.",
},
offline_users: {
title: "Re-enable offline users in large servers (>10k members)",
description:
- "If you can take the performance hit (for example, you're on desktop), you can re-enable offline users for big servers such as Revolt Lounge.",
+ "If you can take the performance hit - for example, if you're on desktop - you can re-enable offline users for big servers such as the Revolt Lounge.",
},
plugins: {
title: "Experimental Plugin API",
@@ -45,7 +45,7 @@ export const EXPERIMENTS: {
picker: {
title: "Custom Emoji",
description:
- "This will enable a work-in-progress emoji picker, custom emoji settings and reaction picker.",
+ "This will enable a work-in-progress emoji picker, custom emoji settings and a reaction picker.",
},
};
diff --git a/src/mobx/stores/Settings.ts b/src/mobx/stores/Settings.ts
index 344d65a7..bfb28cf4 100644
--- a/src/mobx/stores/Settings.ts
+++ b/src/mobx/stores/Settings.ts
@@ -21,6 +21,7 @@ export interface ISettings {
"appearance:seasonal": boolean;
"appearance:transparency": boolean;
"appearance:show_send_button": boolean;
+ "appearance:show_account_age": boolean;
"appearance:theme:base": "dark" | "light";
"appearance:theme:overrides": Partial;
@@ -79,7 +80,7 @@ export default class Settings
*/
@action set(key: T, value: ISettings[T]) {
// Emoji needs to be immediately applied.
- if (key === 'appearance:emoji') {
+ if (key === "appearance:emoji") {
setGlobalEmojiPack(value as EmojiPack);
}
diff --git a/src/pages/RevoltApp.tsx b/src/pages/RevoltApp.tsx
index 23849dd6..3f9d2c48 100644
--- a/src/pages/RevoltApp.tsx
+++ b/src/pages/RevoltApp.tsx
@@ -126,7 +126,7 @@ export default function App() {
)}
{alert.dismissable !== false && (
setStatusBar(false)}>
- Dismiss
+ {"Dismiss"}
)}
diff --git a/src/pages/developer/Developer.tsx b/src/pages/developer/Developer.tsx
index 3c6009db..5cfcd391 100644
--- a/src/pages/developer/Developer.tsx
+++ b/src/pages/developer/Developer.tsx
@@ -2,6 +2,8 @@ import { Wrench } from "@styled-icons/boxicons-solid";
import { useEffect, useState } from "preact/hooks";
+import { Button } from "@revoltchat/ui";
+
import PaintCounter from "../../lib/PaintCounter";
import { TextReact } from "../../lib/i18n";
@@ -45,8 +47,15 @@ export default function Developer() {
- setCrash(true)}>click to crash app
- {crash && (window as any).sus.sus()}
+
+ {
+ crash &&
+ (
+ window as any
+ ).sus.sus() /* this runs a function that doesn't exist */
+ }
{/*
Voice Status: {VoiceStatus[voice.status]}
diff --git a/src/pages/home/Home.tsx b/src/pages/home/Home.tsx
index fab6cf2b..68ee314c 100644
--- a/src/pages/home/Home.tsx
+++ b/src/pages/home/Home.tsx
@@ -51,21 +51,37 @@ export default observer(() => {
state.settings.set("appearance:seasonal", !seasonalTheme);
const isDecember = !isTouchscreenDevice && new Date().getMonth() === 11;
+ const isOctober = !isTouchscreenDevice && new Date().getMonth() === 9
const snowflakes = useMemo(() => {
const flakes = [];
- // Disable outside of December
- if (!isDecember) return [];
+ if (isDecember) {
+ for (let i = 0; i < 15; i++) {
+ flakes.push("❄️");
+ flakes.push("❄");
+ }
- for (let i = 0; i < 15; i++) {
- flakes.push("❄️");
- flakes.push("❄");
+ for (let i = 0; i < 2; i++) {
+ flakes.push("🎄");
+ flakes.push("☃️");
+ flakes.push("⛄");
+ }
+
+ return flakes;
}
+ if (isOctober) {
+ for (let i = 0; i < 15; i++) {
+ flakes.push("🎃");
+ flakes.push("💀");
+ }
- for (let i = 0; i < 2; i++) {
- flakes.push("🎄");
- flakes.push("☃️");
- flakes.push("⛄");
+ for (let i = 0; i < 2; i++) {
+ flakes.push("👻");
+ flakes.push("⚰️");
+ flakes.push("🕷️");
+ }
+
+ return flakes;
}
return flakes;
diff --git a/src/pages/login/background-old.jpg b/src/pages/login/background-old.jpg
deleted file mode 100644
index 44254ed7..00000000
Binary files a/src/pages/login/background-old.jpg and /dev/null differ
diff --git a/src/pages/settings/channel/Permissions.tsx b/src/pages/settings/channel/Permissions.tsx
index 1b8069ae..699067aa 100644
--- a/src/pages/settings/channel/Permissions.tsx
+++ b/src/pages/settings/channel/Permissions.tsx
@@ -1,7 +1,6 @@
import isEqual from "lodash.isequal";
import { observer } from "mobx-react-lite";
-import { Channel, API } from "revolt.js";
-import { DEFAULT_PERMISSION_DIRECT_MESSAGE } from "revolt.js";
+import { Channel, API, DEFAULT_PERMISSION_DIRECT_MESSAGE } from "revolt.js";
import { Text } from "preact-i18n";
import { useState } from "preact/hooks";
diff --git a/src/pages/settings/panes/Feedback.tsx b/src/pages/settings/panes/Feedback.tsx
index 4ec7a7b5..64b30de7 100644
--- a/src/pages/settings/panes/Feedback.tsx
+++ b/src/pages/settings/panes/Feedback.tsx
@@ -24,7 +24,7 @@ export function Feedback() {
- This will change the app to the 'dev' branch,
- instead loading the app from a local server on
- your machine.
+ {
+ "This will change the app to the 'dev' branch, instead loading the app from a local server on your machine."
+ }
- Without a server running,{" "}
+ {"Without a server running, "}
- the app will not load!
+ {"the app will not load!"}
- yarn dev --port 3001
+ {
+ "Make sure the app is available on port 3001 by running "
+ }
+ {"yarn dev --port 3001 --host"}
+ {"."}
}
/>
diff --git a/src/pages/settings/panes/Profile.tsx b/src/pages/settings/panes/Profile.tsx
index 0298ea9c..dc04dcac 100644
--- a/src/pages/settings/panes/Profile.tsx
+++ b/src/pages/settings/panes/Profile.tsx
@@ -72,8 +72,8 @@ export const Profile = observer(() => {
diff --git a/src/pages/settings/server/Panes.module.scss b/src/pages/settings/server/Panes.module.scss
index 2c26ffcb..9fe31f8c 100644
--- a/src/pages/settings/server/Panes.module.scss
+++ b/src/pages/settings/server/Panes.module.scss
@@ -80,7 +80,7 @@
}
code {
- font-size: 1.4em;
+ font-family: var(--monospace-font);
user-select: all;
}
diff --git a/src/pages/settings/server/Roles.tsx b/src/pages/settings/server/Roles.tsx
index de43c626..a46c87bd 100644
--- a/src/pages/settings/server/Roles.tsx
+++ b/src/pages/settings/server/Roles.tsx
@@ -1,6 +1,8 @@
+import { HelpCircle } from "@styled-icons/boxicons-solid";
import isEqual from "lodash.isequal";
import { observer } from "mobx-react-lite";
import { Server } from "revolt.js";
+import styled from "styled-components";
import { Text } from "preact-i18n";
import { useMemo, useState } from "preact/hooks";
@@ -16,6 +18,7 @@ import {
Category,
} from "@revoltchat/ui";
+import Tooltip from "../../../components/common/Tooltip";
import { PermissionList } from "../../../components/settings/roles/PermissionList";
import { RoleOrDefault } from "../../../components/settings/roles/RoleSelection";
import { modalController } from "../../../controllers/modals/ModalController";
@@ -53,6 +56,20 @@ export const Roles = observer(({ server }: Props) => {
// Consolidate all permissions that we can change right now.
const currentRoles = useRoles(server);
+ const RoleId = styled.div`
+ gap: 4px;
+ display: flex;
+ align-items: center;
+
+ font-size: 12px;
+ font-weight: 600;
+ color: var(--tertiary-foreground);
+
+ a {
+ color: var(--tertiary-foreground);
+ }
+ `;
+
return (
{
/>
+
+ {"Role ID"}
+
+
+
+
+
-
-
+
);
}
diff --git a/src/controllers/modals/components/legacy/UserProfile.tsx b/src/controllers/modals/components/legacy/UserProfile.tsx
index 0ec0eebd..e7f82328 100644
--- a/src/controllers/modals/components/legacy/UserProfile.tsx
+++ b/src/controllers/modals/components/legacy/UserProfile.tsx
@@ -41,8 +41,8 @@ import { ModalProps } from "../../types";
export const UserProfile = observer(
({
user_id,
- dummy,
- dummyProfile,
+ isPlaceholder,
+ placeholderProfile,
...props
}: ModalProps<"user_profile">) => {
const [profile, setProfile] = useState<
@@ -87,21 +87,21 @@ export const UserProfile = observer(
}, [user_id]);
useEffect(() => {
- if (dummy) {
- setProfile(dummyProfile);
+ if (isPlaceholder) {
+ setProfile(placeholderProfile);
}
- }, [dummy, dummyProfile]);
+ }, [isPlaceholder, placeholderProfile]);
useEffect(() => {
- if (dummy) return;
+ if (isPlaceholder) return;
if (session.state === "Online" && typeof mutual === "undefined") {
setMutual(null);
user.fetchMutual().then(setMutual);
}
- }, [mutual, session.state, dummy, user]);
+ }, [mutual, session.state, isPlaceholder, user]);
useEffect(() => {
- if (dummy) return;
+ if (isPlaceholder) return;
if (session.state === "Online" && typeof profile === "undefined") {
setProfile(null);
@@ -109,7 +109,7 @@ export const UserProfile = observer(
user.fetchProfile().then(setProfile).catch(noop);
}
}
- }, [profile, session.state, dummy, user]);
+ }, [profile, session.state, isPlaceholder, user]);
useEffect(() => {
if (
@@ -169,7 +169,8 @@ export const UserProfile = observer(
onClick={() =>
modalController.writeText(user.username)
}>
- @{user.username}
+ {"@"}
+ {user.username}
{user.status?.text && (
@@ -184,11 +185,11 @@ export const UserProfile = observer(
palette="accent"
compact
onClick={props.onClose}>
- Add to server
+ {"Add to server" /* FIXME: i18n */}
)}
- {user.relationship === "Friend" && (
+ {(user.relationship === "Friend" || user.bot) && (
-
-
-
+
+
-
+
+ {"Welcome to Revolt."}
+
+ {loading ? (
+
+ {"It's time to choose a username."}
+
+ {
+ "Others will be able to find, recognise and mention you with this name, so choose wisely."
+ }
+
+ {
+ "You can change it at any time in your User Settings."
+ }
+
- {loading ? (
-
-
+
-
- bot owner
+ {"bot owner"}
@@ -432,12 +436,12 @@ export const UserProfile = observer(
);
- if (dummy) return
{children}
diff --git a/src/controllers/modals/components/legacy/assets/onboarding_background.svg b/src/controllers/modals/components/legacy/assets/onboarding_background.svg
new file mode 100644
index 00000000..45975c95
--- /dev/null
+++ b/src/controllers/modals/components/legacy/assets/onboarding_background.svg
@@ -0,0 +1,2 @@
+
+
diff --git a/src/controllers/modals/types.ts b/src/controllers/modals/types.ts
index 1275fe4c..033776a6 100644
--- a/src/controllers/modals/types.ts
+++ b/src/controllers/modals/types.ts
@@ -98,8 +98,8 @@ export type Modal = {
| {
type: "user_profile";
user_id: string;
- dummy?: boolean;
- dummyProfile?: API.UserProfile;
+ isPlaceholder?: boolean;
+ placeholderProfile?: API.UserProfile;
}
| {
type: "create_bot";
diff --git a/src/lib/ContextMenus.tsx b/src/lib/ContextMenus.tsx
index 3298a4aa..16dd239a 100644
--- a/src/lib/ContextMenus.tsx
+++ b/src/lib/ContextMenus.tsx
@@ -974,6 +974,10 @@ export default function ContextMenus() {
}
}
+ // workaround to prevent button duplication
+ let hideIDButton;
+ if (sid && server) hideIDButton = true;
+
if (sid && server) {
generateAction(
{
@@ -1015,15 +1019,28 @@ export default function ContextMenus() {
"open_server_settings",
);
+ // workaround to move this above the delete/leave button
+ generateAction(
+ { action: "copy_id", id },
+ "copy_sid",
+ );
+
+ pushDivider();
if (userId === server.owner) {
generateAction(
{ action: "delete_server", target: server },
"delete_server",
+ undefined,
+ undefined,
+ "var(--error)",
);
} else {
generateAction(
{ action: "leave_server", target: server },
"leave_server",
+ undefined,
+ undefined,
+ "var(--error)",
);
}
}
@@ -1035,16 +1052,16 @@ export default function ContextMenus() {
});
}
- generateAction(
- { action: "copy_id", id },
- sid
- ? "copy_sid"
- : cid
- ? "copy_cid"
- : message
- ? "copy_mid"
- : "copy_uid",
- );
+ if (!hideIDButton) {
+ generateAction(
+ { action: "copy_id", id },
+ cid
+ ? "copy_cid"
+ : message
+ ? "copy_mid"
+ : "copy_uid",
+ );
+ }
}
return elements;
diff --git a/src/lib/vortex/VoiceState.ts b/src/lib/vortex/VoiceState.ts
index e83bafec..f284820b 100644
--- a/src/lib/vortex/VoiceState.ts
+++ b/src/lib/vortex/VoiceState.ts
@@ -1,6 +1,5 @@
import { action, makeAutoObservable, runInAction } from "mobx";
-import { Channel } from "revolt.js";
-import { Nullable, toNullable } from "revolt.js";
+import { Channel, Nullable, toNullable } from "revolt.js";
import type { ProduceType, VoiceUser } from "./Types";
import type VoiceClient from "./VoiceClient";
diff --git a/src/mobx/stores/Draft.ts b/src/mobx/stores/Draft.ts
index de84c1f9..345351d7 100644
--- a/src/mobx/stores/Draft.ts
+++ b/src/mobx/stores/Draft.ts
@@ -5,15 +5,22 @@ import { mapToRecord } from "../../lib/conversion";
import Persistent from "../interfaces/Persistent";
import Store from "../interfaces/Store";
+interface DraftObject {
+ content?: string;
+ masquerade?: {
+ avatar: string;
+ name: string;
+ };
+}
export interface Data {
- drafts: Record;
+ drafts: Record;
}
/**
* Handles storing draft (currently being written) messages.
*/
export default class Draft implements Store, Persistent {
- private drafts: ObservableMap;
+ private drafts: ObservableMap;
/**
* Construct new Draft store.
@@ -52,7 +59,10 @@ export default class Draft implements Store, Persistent {
* @param channel Channel ID
*/
@computed has(channel: string) {
- return this.drafts.has(channel) && this.drafts.get(channel)!.length > 0;
+ return (
+ this.drafts.has(channel) &&
+ this.drafts.get(channel)!.content!.length > 0
+ );
}
/**
@@ -60,7 +70,7 @@ export default class Draft implements Store, Persistent {
* @param channel Channel ID
* @param content Draft content
*/
- @action set(channel: string, content?: string) {
+ @action set(channel: string, content?: DraftObject) {
if (typeof content === "undefined") {
return this.clear(channel);
}
diff --git a/src/mobx/stores/Experiments.ts b/src/mobx/stores/Experiments.ts
index 23dd1751..63df9811 100644
--- a/src/mobx/stores/Experiments.ts
+++ b/src/mobx/stores/Experiments.ts
@@ -29,13 +29,13 @@ export const EXPERIMENTS: {
[key in Experiment]: { title: string; description: string };
} = {
dummy: {
- title: "Dummy Experiment",
- description: "This is a dummy experiment.",
+ title: "Placeholder Experiment",
+ description: "This is a placeholder experiment.",
},
offline_users: {
title: "Re-enable offline users in large servers (>10k members)",
description:
- "If you can take the performance hit (for example, you're on desktop), you can re-enable offline users for big servers such as Revolt Lounge.",
+ "If you can take the performance hit - for example, if you're on desktop - you can re-enable offline users for big servers such as the Revolt Lounge.",
},
plugins: {
title: "Experimental Plugin API",
@@ -45,7 +45,7 @@ export const EXPERIMENTS: {
picker: {
title: "Custom Emoji",
description:
- "This will enable a work-in-progress emoji picker, custom emoji settings and reaction picker.",
+ "This will enable a work-in-progress emoji picker, custom emoji settings and a reaction picker.",
},
};
diff --git a/src/mobx/stores/Settings.ts b/src/mobx/stores/Settings.ts
index 344d65a7..bfb28cf4 100644
--- a/src/mobx/stores/Settings.ts
+++ b/src/mobx/stores/Settings.ts
@@ -21,6 +21,7 @@ export interface ISettings {
"appearance:seasonal": boolean;
"appearance:transparency": boolean;
"appearance:show_send_button": boolean;
+ "appearance:show_account_age": boolean;
"appearance:theme:base": "dark" | "light";
"appearance:theme:overrides": Partial;
@@ -79,7 +80,7 @@ export default class Settings
*/
@action set(key: T, value: ISettings[T]) {
// Emoji needs to be immediately applied.
- if (key === 'appearance:emoji') {
+ if (key === "appearance:emoji") {
setGlobalEmojiPack(value as EmojiPack);
}
diff --git a/src/pages/RevoltApp.tsx b/src/pages/RevoltApp.tsx
index 23849dd6..3f9d2c48 100644
--- a/src/pages/RevoltApp.tsx
+++ b/src/pages/RevoltApp.tsx
@@ -126,7 +126,7 @@ export default function App() {
)}
{alert.dismissable !== false && (
setStatusBar(false)}>
-
diff --git a/src/pages/developer/Developer.tsx b/src/pages/developer/Developer.tsx
index 3c6009db..5cfcd391 100644
--- a/src/pages/developer/Developer.tsx
+++ b/src/pages/developer/Developer.tsx
@@ -2,6 +2,8 @@ import { Wrench } from "@styled-icons/boxicons-solid";
import { useEffect, useState } from "preact/hooks";
+import { Button } from "@revoltchat/ui";
+
import PaintCounter from "../../lib/PaintCounter";
import { TextReact } from "../../lib/i18n";
@@ -45,8 +47,15 @@ export default function Developer() {
{children}
;
+ if (isPlaceholder) return {children}
;
return (
Dismiss
+ {"Dismiss"}
)}
- Without a server running,{" "} + {"Without a server running, "} - the app will not load! + {"the app will not load!"}
-
yarn dev --port 3001
+ {
+ "Make sure the app is available on port 3001 by running "
+ }
+ {"yarn dev --port 3001 --host"}
+ {"."}
}
/>
diff --git a/src/pages/settings/panes/Profile.tsx b/src/pages/settings/panes/Profile.tsx
index 0298ea9c..dc04dcac 100644
--- a/src/pages/settings/panes/Profile.tsx
+++ b/src/pages/settings/panes/Profile.tsx
@@ -72,8 +72,8 @@ export const Profile = observer(() => {