diff --git a/src/components/common/messaging/MessageBox.tsx b/src/components/common/messaging/MessageBox.tsx
index b480860c..81ed3e75 100644
--- a/src/components/common/messaging/MessageBox.tsx
+++ b/src/components/common/messaging/MessageBox.tsx
@@ -658,11 +658,13 @@ export default observer(({ channel }: Props) => {
*/}
-
- setPicker(!picker)}>
-
-
-
+ {state.experiments.isEnabled("picker") && (
+
+ setPicker(!picker)}>
+
+
+
+ )}
void;
question: Children;
+ description?: Children;
content?: Children;
disabled?: boolean;
actions: Action[];
@@ -31,6 +32,7 @@ interface Props {
export function PromptModal({
onClose,
question,
+ description,
content,
actions,
disabled,
@@ -39,6 +41,7 @@ export function PromptModal({
return (
@@ -133,6 +136,12 @@ export const SpecialPromptModal = observer((props: SpecialProps) => {
fields={{ name }}
/>
}
+ description={
+ {name} }}
+ />
+ }
actions={[
{
confirmation: true,
@@ -183,12 +192,6 @@ export const SpecialPromptModal = observer((props: SpecialProps) => {
onClick: onClose,
},
]}
- content={
- {name} }}
- />
- }
disabled={processing}
error={error}
/>
@@ -199,6 +202,11 @@ export const SpecialPromptModal = observer((props: SpecialProps) => {
}
+ description={
+
+ }
actions={[
{
confirmation: true,
@@ -228,18 +236,7 @@ export const SpecialPromptModal = observer((props: SpecialProps) => {
},
]}
content={
- <>
-
-
-
-
- >
+
}
disabled={processing}
error={error}
diff --git a/src/mobx/stores/Experiments.ts b/src/mobx/stores/Experiments.ts
index 2d3f29f4..a91318a5 100644
--- a/src/mobx/stores/Experiments.ts
+++ b/src/mobx/stores/Experiments.ts
@@ -10,7 +10,7 @@ import Store from "../interfaces/Store";
/**
* Union type of available experiments.
*/
-export type Experiment = "dummy" | "offline_users" | "plugins";
+export type Experiment = "dummy" | "offline_users" | "plugins" | "picker";
/**
* Currently active experiments.
@@ -19,6 +19,7 @@ export const AVAILABLE_EXPERIMENTS: Experiment[] = [
"dummy",
"offline_users",
"plugins",
+ "picker",
];
/**
@@ -41,6 +42,10 @@ export const EXPERIMENTS: {
description:
"This will enable the experimental plugin API. Only touch this if you know what you're doing.",
},
+ picker: {
+ title: "Emoji Picker",
+ description: "This will enable a work-in-progress emoji picker.",
+ },
};
export interface Data {