automod/old-automod
1
0
Fork 0
mirror of https://github.com/janderedev/automod.git synced 2024-07-03 01:49:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

visually disable prefix config if no perms

Browse source
This commit is contained in:
janderedev 2022-04-09 11:55:29 +02:00
parent 0b278a6ae2
commit f5515a6716
Signed by: Lea
GPG key ID: 5D5E18ACB990F57A
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
web/src/pages/ServerDashboard/ServerDashboard.tsx
View file

@ -5,7 +5,6 @@ import { InputBox } from '@revoltchat/ui/lib/components/atoms/inputs/InputBox';
import { Checkbox } from '@revoltchat/ui/lib/components/atoms/inputs/Checkbox';
import { ComboBox } from '@revoltchat/ui/lib/components/atoms/inputs/ComboBox';
import { LineDivider } from '@revoltchat/ui/lib/components/atoms/layout/LineDivider';
import { H1 } from '@revoltchat/ui/lib/components/atoms/heading/H1';
import { H3 } from '@revoltchat/ui/lib/components/atoms/heading/H3';
import { H4 } from '@revoltchat/ui/lib/components/atoms/heading/H4';
import { Icon } from '@mdi/react';
@ -15,6 +14,7 @@ import { getAuthHeaders } from "../../utils";
import { Link, useParams } from "react-router-dom";
import defaultChannelIcon from '../../assets/channel-default-icon.svg';
import CategorySelector from '../../components/CategorySelector';
import { CSSProperties } from 'styled-components';
type User = { id: string, username?: string, avatarURL?: string }
type Channel = { id: string, name: string, icon?: string, type: 'VOICE'|'TEXT', nsfw: boolean }
@ -40,6 +40,11 @@ type AntispamRule = {
message: string | null;
}
const STYLE_DISABLED: CSSProperties = {
filter: 'grayscale(100%)',
pointerEvents: 'none',
}
const ServerDashboard: FunctionComponent = () => {
const [category, setCategory] = useState('home');
@ -163,7 +168,7 @@ const ServerDashboard: FunctionComponent = () => {
<div style={{ paddingLeft: '10px', paddingRight: '10px' }}>
{category == 'home' && (
<>
<div style={serverInfo.perms ? {} : STYLE_DISABLED}>
<>
<H3>Prefix</H3>
<InputBox
@ -226,7 +231,7 @@ const ServerDashboard: FunctionComponent = () => {
</UserListContainer>
</UserListTypeContainer>
</>
</>
</div>
)}
{category == 'automod' && (
@ -366,10 +371,7 @@ const ServerDashboard: FunctionComponent = () => {
style={{
display: 'flex',
flexWrap: 'wrap',
...(props.disabled ? {
filter: 'grayscale(100%)',
pointerEvents: 'none',
} : {})
...(props.disabled ? STYLE_DISABLED : {})
}}
>
{props.children}