- {!(config.hideEmojis === true) &&
}
+ {!(config.hideEmojis === true) &&
}
+ {!(config.hideAttachments === true) &&
}
diff --git a/frontend/chat-plugin/lib/src/config.ts b/frontend/chat-plugin/lib/src/config.ts
index eaaadbcd2b..e9b2046611 100644
--- a/frontend/chat-plugin/lib/src/config.ts
+++ b/frontend/chat-plugin/lib/src/config.ts
@@ -28,6 +28,10 @@ export type Config = {
closeMode?: 'basic' | 'medium' | 'full';
hideInputBar?: boolean;
hideEmojis?: boolean;
+ hideAttachments?: boolean;
+ hideImages?: boolean;
+ hideVideos?: boolean;
+ hideFiles?: boolean;
};
export type AuthConfiguration = {
diff --git a/frontend/ui/src/pages/Channels/Providers/Airy/ChatPlugin/sections/CustomiseSection.tsx b/frontend/ui/src/pages/Channels/Providers/Airy/ChatPlugin/sections/CustomiseSection.tsx
index 672eb02e81..487c467077 100644
--- a/frontend/ui/src/pages/Channels/Providers/Airy/ChatPlugin/sections/CustomiseSection.tsx
+++ b/frontend/ui/src/pages/Channels/Providers/Airy/ChatPlugin/sections/CustomiseSection.tsx
@@ -1,4 +1,4 @@
-import React, {createRef} from 'react';
+import React, {createRef, useEffect} from 'react';
import {Button, Dropdown, Input, ListenOutsideClick, Toggle} from 'components';
import styles from './CustomiseSection.module.scss';
import {SketchPicker} from 'react-color';
@@ -79,11 +79,19 @@ export const CustomiseSection = ({channelId, host}: CustomiseSectionProps) => {
const [disableMobile, setDisableMobile] = useLocalState('disableMobile', false);
const [hideInputBar, setHideInputBar] = useLocalState('hideInputBar', false);
const [hideEmojis, setHideEmojis] = useLocalState('hideEmojis', false);
+ const [hideAttachments, setHideAttachments] = useLocalState('hideAttachments', false);
+ const [hideImages, setHideImages] = useLocalState('hideImages', false);
+ const [hideVideos, setHideVideos] = useLocalState('hideVideos', false);
+ const [hideFiles, setHideFiles] = useLocalState('hideFiles', false);
const [closingOption, setClosingOption] = useLocalState
('closingOption', CloseOption.full);
const [bubbleState, setBubbleState] = useLocalState('bubbleState', BubbleState.expanded);
const codeAreaRef = createRef();
+ useEffect(() => {
+ hideImages && hideVideos && hideFiles ? setHideAttachments(true) : setHideAttachments(false);
+ }, [hideImages, hideVideos, hideFiles]);
+
const toggleShowHeaderTextColorPicker = () => {
setShowHeaderTextColorPicker(!showHeaderTextColorPicker);
};
@@ -143,6 +151,10 @@ export const CustomiseSection = ({channelId, host}: CustomiseSectionProps) => {
`disableMobile: '${disableMobile}'`,
`hideInputBar: '${hideInputBar}'`,
`hideEmojis: '${hideEmojis}'`,
+ `hideAttachments: '${hideAttachments}'`,
+ `hideImages: '${hideImages}'`,
+ `hideVideos: '${hideVideos}'`,
+ `hideFiles: '${hideFiles}'`,
];
return `w[n].config = {${'\n '}${config.filter(it => it !== '').join(',\n ')}\n };`;
@@ -174,6 +186,10 @@ export const CustomiseSection = ({channelId, host}: CustomiseSectionProps) => {
...(disableMobile && {disableMobile: disableMobile}),
...(hideInputBar && {hideInputBar: hideInputBar}),
...(hideEmojis && {hideEmojis: hideEmojis}),
+ ...(hideAttachments && {hideAttachments: hideAttachments}),
+ ...(hideImages && {hideImages: hideImages}),
+ ...(hideVideos && {hideVideos: hideVideos}),
+ ...(hideFiles && {hideFiles: hideFiles}),
},
};
@@ -711,6 +727,18 @@ export const CustomiseSection = ({channelId, host}: CustomiseSectionProps) => {
setHideEmojis(value)} />
+
+
Supported file types:
+
+ setHideImages(value)} />
+
+
+ setHideVideos(value)} />
+
+
+ setHideFiles(value)} />
+
+
) => {
const addTag = (tag: TagModel) => {
addTagToConversation(conversation.id, tag.id);
- setShowTagsDialog(false);
};
const removeTag = (tag: TagModel) => {
@@ -120,6 +119,7 @@ const ConversationMetadata = (props: ConnectedProps) => {
createTag({name: tagName.trim(), color}).then((tag: TagModel) => {
if (tag) {
addTag(tag);
+ setShowTagsDialog(false);
}
});
}