* {
- &:first-child {
- margin-right: 0.5rem;
- }
- &:last-child {
- margin-left: 0.5rem;
- }
+ &:first-child{
+ margin-right: .5rem;
+ }
+ &:last-child{
+ margin-left: .5rem;
+ }
flex: 1;
display: flex;
flex-direction: column;
& > * {
flex: 1;
}
- }
- .message {
- h5 {
- flex: 0;
- }
- textarea {
- flex: 1;
- resize: none;
- background: lighten($color: #121212, $amount: 7);
- border: 1px solid black;
- color: white;
- border-radius: 0.5rem;
- padding: 0.5rem;
- // border: none;
- &:focus {
- outline: none !important;
- box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
- inset 0 1px 1px rgba(16, 22, 26, 0.4);
- }
- }
- }
+ }
+ .message{
+ h5{
+ flex: 0;
+ }
+ textarea{
+ flex: 1;
+ resize: none;
+ background: lighten($color: #121212, $amount: 7);
+ border: 1px solid black;
+ color: white;
+ border-radius: .5rem;
+ padding: .5rem;
+ // border: none;
+ &:focus{
+ outline: none !important;
+ box-shadow: 0 0 0 1px #137cbd, 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
+ }
+ }
+ }
+
}
}
@@ -254,7 +253,7 @@
}
.settings {
- width: 58%;
+ width: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
@@ -282,19 +281,19 @@
.discord-header {
display: flex;
- justify-content: space-between;
- @media screen and (max-width: 660px) {
- flex-direction: column-reverse;
- align-items: center;
- & > span {
- margin-bottom: 0.5rem;
- align-self: start;
- }
- .css-1sx567g-container {
- width: 100% !important;
- }
- // align-items: ;
- }
+ justify-content: space-between;
+ @media screen and (max-width: 660px) {
+ flex-direction: column-reverse;
+ align-items: center;
+ & > span{
+ margin-bottom: .5rem;
+ align-self: start;
+ }
+ .css-1sx567g-container{
+ width: 100% !important
+ }
+ // align-items: ;
+ }
padding: 0.5rem;
}
@@ -401,7 +400,7 @@
display: grid;
grid-template-columns: auto 0.9fr;
grid-template-rows: auto auto;
- transition: 0.25s ease-in-out;
+ transition: 0.25s ease-in-out;
svg {
transition: 0.25s;
@@ -456,24 +455,24 @@
grid-column: 1 / span 2;
}
-.list-header {
- align-items: center;
- display: flex;
- grid-column: 1 / span 2;
- height: 70px;
- padding-left: 0.75rem;
+.list-header{
+ align-items: center;
+ display: flex;
+ grid-column: 1 / span 2;
+ height: 70px;
+ padding-left: .75rem;
}
-.list-setting {
- display: block;
- overflow: hidden;
- transition: 0.25s;
+.list-setting{
+ display: block;
+ overflow: hidden;
+ transition: .25s;
}
.list-body.selector {
max-height: 380px;
overflow: auto;
- width: 80%;
- margin: auto;
+ width: 80%;
+ margin: auto;
&::-webkit-scrollbar {
width: 10px;
height: 5px;
@@ -495,84 +494,86 @@
background: #555;
}
.item {
- min-height: 50px;
- width: 95%;
+ min-height: 50px;
+ width: 95%;
margin: 0.5rem 0;
}
}
-.list-body {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-bottom: 1rem;
- .item {
- box-sizing: border-box !important;
- height: 50px;
- border-radius: 0.5rem;
- border: 1px solid white;
- width: 75%;
- display: flex;
- justify-content: space-between;
- padding: 0 2rem;
- align-items: center;
- overflow: hidden;
- &,
- * {
- text-transform: none;
- }
- & + * {
- margin: 0.5rem 0;
- }
- }
- button {
- border: none;
- outline: none !important;
- background: none;
- color: white;
- transition: 0.05s;
- svg {
- transform: scale(1.5);
- }
- &:active {
- transform: scale(0.9);
- }
- }
- .adding-item {
- input {
- box-sizing: border-box !important;
- height: 100%;
- flex: 1;
- background: none;
- border: none !important;
- outline: none;
- color: white;
- font-weight: 600;
- font-size: 1rem;
- }
- }
- .buttons {
- width: fit-content;
- *:last-child {
- margin-right: 0;
- }
- * {
- margin: 0 0.125rem;
- }
- }
- .add-item {
- margin-bottom: 0.5rem;
- }
+.list-body{
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin-bottom: 1rem;
+ .item{
+ box-sizing: border-box !important;
+ height: 50px;
+ border-radius: .5rem;
+ border: 1px solid white;
+ width: 75%;
+ display: flex;
+ justify-content: space-between;
+ padding: 0 2rem;
+ align-items: center;
+ overflow: hidden;
+ &, * {
+ text-transform: none;
+ }
+ & + * {
+ margin: .5rem 0;
+ }
+ }
+ button{
+ border: none;
+ outline: none !important;
+ background: none;
+ color: white;
+ transition: .05s;
+ svg{
+ transform: scale(1.5)
+ }
+ &:active{
+ transform: scale(.9);
+ }
+ }
+ .adding-item{
+ input{
+ box-sizing: border-box !important;
+ height: 100%;
+ flex: 1;
+ background: none;
+ border: none !important;
+ outline: none;
+ color: white;
+ font-weight: 600;
+ font-size: 1rem;
+ }
+ }
+ .buttons{
+ width: fit-content;
+ *:last-child{
+ margin-right: 0;
+ }
+ * {
+ margin: 0 .125rem;
+ }
+ }
+
+ .add-item{
+ margin-bottom: .5rem;
+
+ }
}
.color-setting.open {
height: 303px;
}
-.list-setting.open {
- // max-height: 3000px;
- height: fit-content;
+.list-setting.open{
+ // max-height: 3000px;
+ height: fit-content;
}
.setting:last-child {
@@ -665,244 +666,3 @@
margin-right: 2rem;
}
}
-
-.command-card-body {
- width: 100%;
- height: 100px;
- display: flex;
- align-items: center;
- $background: #2c2c2c;
- .create-command {
- box-sizing: border-box !important;
- flex: 1;
- margin: 0 1rem;
- padding: 1rem;
- &:first-child {
- margin-left: 0px;
- }
- &:last-child {
- margin-right: 0px;
- }
- background: $background;
- transition: background 0.25s;
- &:hover {
- background: darken($background, 3);
- }
- h1 {
- font-size: 1rem;
- margin: 0;
- }
- p {
- margin: 0;
- font-size: 13px;
- line-height: 1.7;
- margin-top: 2px;
- color: #aaa;
- }
- height: 100%;
- }
-}
-
-.command-modal {
- width: 100vw !important;
- min-height: 100vh;
- display: block !important;
- padding: 0 !important;
- $background: #242424;
- box-sizing: border-box !important;
- background: $background !important;
- & > div {
- padding: 0.5rem 1.5rem;
- }
- .command-header {
- box-sizing: border-box !important;
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding-top: 1.5rem;
- width: 100vw;
- height: 70px;
- // outline: solid;
- box-shadow: #aaaaaa33 0px 1px 0px 0px, #aaaaaa33 0px 1px 2px 0px;
- h1 {
- font-size: 1.25rem;
- text-transform: uppercase;
- }
- button {
- background: darken($background, 8);
- color: #aaa;
- border-radius: 0.25rem;
- border: none;
- display: flex;
- align-items: center;
- justify-content: center;
- height: 36px;
- outline: none !important;
- &:hover {
- color: white;
- }
- }
- }
- .command-body {
- height: calc(100vh - 140px);
- overflow: auto;
- .plugin-section {
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
- .prefix-input {
- width: 100%;
- padding: 1rem;
- font-size: 1rem;
- }
- }
- .command-footer {
- height: 70px;
- background: darken($background, 3);
- }
-}
-
-.plugin-section {
- display: flex;
- background: lighten($color: #121212, $amount: 10);
- padding: 0.5rem;
- border-radius: 0.25rem;
- flex-wrap: wrap;
- // height: 210px;
- margin-bottom: 2rem;
- justify-content: space-between;
- justify-items: stretch;
- border: 0.5px solid lighten($color: #121212, $amount: 20);
- & > div {
- width: 50%;
- }
- #root & > label {
- width: 30%;
- margin-left: 0.5rem;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
-}
-
-.plugin-section-title {
- text-transform: uppercase;
- padding: 0;
- &.bigger {
- font-size: 16px;
- }
- span {
- color: #aaa;
- }
- font-size: 12px;
- font-weight: 600;
- margin-bottom: 8px;
-}
-
-textarea.message {
- // flex: 1 1;
- width: 50%;
- resize: none;
- background: #242424;
- border: 1px solid black;
- color: white;
- border-radius: 0.5rem;
- padding: 0.5rem;
-}
-
-.variables {
- width: 48% !important;
- padding: 0 !important;
- margin: 0;
- max-height: 175px;
- overflow: auto;
- &::-webkit-scrollbar{
- width: .5rem;
- }
- h4 {
- margin: 0;
- }
- ul {
- list-style: none;
- padding: 0;
- ul{
- padding-left: .5rem;
- }
- li.variable {
- background: #202225;
- padding: 0.25rem;
- border-radius: 0.25rem;
- margin-top: .25rem;
- margin-bottom: .25rem;
- margin-right: .25rem;
- }
- }
-}
-
-.plugin-section.subtitle {
- margin-bottom: 1rem;
- align-items: center;
- justify-content: left;
-}
-
-span.toggle-button button {
- padding: 0.75rem 1.25rem;
- border: none;
- outline: none !important;
- background: var(--disstreamchat-blue);
- color: white;
- border-radius: 0.5rem;
- transition: 0.125s;
- text-transform: uppercase;
- &:hover,
- :focus {
- transform: scale(1.1);
- }
- &:active {
- transform: scale(0.95);
- }
- .subtitle & {
- margin-left: 2rem;
- }
-}
-
-.create-command {
- cursor: pointer;
-}
-
-.command-footer {
- height: 50px !important;
- display: flex;
- align-items: center;
- justify-content: flex-end;
- &.error {
- justify-content: space-between;
- }
-
- z-index: -1;
- .error-message {
- color: red;
- &::before {
- content: "Error: ";
- }
- }
- button {
- padding: 0.75rem 1.25rem;
- border: none;
- outline: none !important;
- background: var(--disstreamchat-blue);
- color: white;
- border-radius: 0.25rem;
- transition: 0.125s;
- text-transform: uppercase;
- &:hover,
- :focus {
- transform: scale(1.05);
- }
- &:active {
- transform: scale(0.95);
- }
- .subtitle & {
- margin-left: 2rem;
- }
- }
-}
diff --git a/src/components/DashBoard/Discord/DiscordPage.js b/src/components/DashBoard/Discord/DiscordPage.js
index 15e5337..ddf8a87 100644
--- a/src/components/DashBoard/Discord/DiscordPage.js
+++ b/src/components/DashBoard/Discord/DiscordPage.js
@@ -102,16 +102,13 @@ const DiscordPage = React.memo(({ location, history, match }) => {
if (guildByName) {
const guildId = guildByName.id;
const value = await sendRequest(`${process.env.REACT_APP_API_URL}/ismember?guild=` + guildId);
- const response = await sendRequest(`${process.env.REACT_APP_API_URL}/getchannels?new=true&guild=` + guildId);
- const channelReponse = response.channels
- console.log(response.roles)
- setUserConnectedGuildInfo({
+ const channelReponse = await sendRequest(`${process.env.REACT_APP_API_URL}/getchannels?guild=` + guildId);
+ setUserConnectedGuildInfo({
name: guildByName.name,
isMember: value?.result,
icon: guildByName.icon,
id: guildByName.id,
- channels: channelReponse,
- roles: response.roles,
+ channels: channelReponse,
connectedChannels: channelReponse?.filter(channel => userData.liveChatId?.includes(channel.id)),
connected: true,
});
diff --git a/src/components/DashBoard/Discord/Plugins/CustomCommands/CommandItem.js b/src/components/DashBoard/Discord/Plugins/CustomCommands/CommandItem.js
deleted file mode 100644
index c3202f7..0000000
--- a/src/components/DashBoard/Discord/Plugins/CustomCommands/CommandItem.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import React, { useCallback, useContext, useEffect, useState } from "react";
-import "./CommandItem.scss";
-import firebase from "../../../../../firebase";
-import CancelTwoToneIcon from "@material-ui/icons/CancelTwoTone";
-import { DiscordContext } from "../../../../../contexts/DiscordContext";
-import { CommandContext } from "../../../../../contexts/CommandContext";
-import RoleItem from "../../../../Shared/RoleItem";
-
-const CommandItem = ({
- name,
- message,
- type,
- description,
- setCommands,
- bannedRoles,
- allowedRoles,
- allowedChannels,
- cooldown,
- deleteUsage,
- setCreatingCommand,
- role,
-}) => {
- const { userConnectedGuildInfo } = useContext(DiscordContext);
- const {
- setName,
- setResponse,
- setRoleToGive,
- setDescription,
- setAllowedRoles,
- setBannedRoles,
- setAllowedChannels,
- setCooldown,
- setDeleteUsage,
- setError,
- setEditing,
- } = useContext(CommandContext);
- const guildId = userConnectedGuildInfo.id;
- const deleteMe = useCallback(async () => {
- setCommands(prev => {
- const copy = { ...prev };
- delete copy[name];
- return copy;
- });
- const commandRef = await firebase.db.collection("customCommands").doc(guildId);
- commandRef.update({
- [name]: firebase.app.firestore.FieldValue.delete(),
- });
- }, [guildId, name, setCommands]);
-
- const edit = async () => {
- setName(name);
- setResponse(message);
- if (type === "role") {
- const roleToGive = userConnectedGuildInfo.roles.find(r => r.id === role);
- setRoleToGive({
- value: `${roleToGive.name}=${JSON.stringify(roleToGive)}`,
- label: {roleToGive.name} ,
- });
- }
- setDescription(description);
- setAllowedRoles(allowedRoles || []);
- setAllowedChannels(allowedChannels || []);
- setBannedRoles(bannedRoles || []);
- setCooldown(cooldown || 0);
- setDeleteUsage(deleteUsage);
- setError({});
- setEditing(true);
- setCreatingCommand(type || "text");
- };
-
- const [displayRole, setDisplayRole] = useState();
- useEffect(() => {
- setDisplayRole(userConnectedGuildInfo.roles.find(r => r.id === role));
- }, []);
-
- console.log(displayRole);
-
- return (
-
-
-
-
-
-
-
-
{name}
- {description}
-
-
-
- {type === "role" && displayRole && (
-
- {displayRole.name}
-
- )}
-
Edit
-
-
{role.name} ,
- }))
- );
- }
- }, [editing]);
-
- return (
- <>
-
-
Create Role Command
- setCreatingCommand(false)}>
-
-
-
-
Command Name
-
-
- {children}
-
Command Description
-
-
-
Allowed Roles
-
- {
- setAllowedRoles(e);
- }}
- placeholder="Select Allowed Roles"
- value={allowedRoles}
- options={userConnectedGuildInfo?.roles
- ?.sort((a, b) => b.rawPosition - a.rawPosition)
- ?.map(role => ({
- value: `${role.name}=${JSON.stringify(role)}`,
- label: {role.name} ,
- }))}
- styles={{
- ...colorStyles,
- container: styles => ({
- ...styles,
- ...colorStyles.container,
- }),
- }}
- />
-
-
Banned Roles
-
- {
- setBannedRoles(e);
- }}
- placeholder="Select Banned Roles"
- value={bannedRoles}
- options={userConnectedGuildInfo?.roles
- ?.filter(role => role.name !== "@everyone")
- ?.sort((a, b) => b.rawPosition - a.rawPosition)
- ?.map(role => ({
- value: `${role.name}=${JSON.stringify(role)}`,
- label: {role.name} ,
- }))}
- styles={{
- ...colorStyles,
- container: styles => ({
- ...styles,
- ...colorStyles.container,
- }),
- }}
- />
-
-
Allowed Channels
-
- {
- setAllowedChannels(e);
- }}
- placeholder="Select Allowed Channels"
- value={allowedChannels}
- options={userConnectedGuildInfo?.channels
- ?.sort((a, b) => a.parent.localeCompare(b.parent))
- ?.map(channel => ({
- value: `${channel.name}=${JSON.stringify(channel)}`,
- label: (
- <>
- {channel.name}
- {channel.parent}
-
- ),
- }))}
- styles={{
- ...colorStyles,
- container: styles => ({
- ...styles,
- ...colorStyles.container,
- }),
- }}
- />
-
-
Command Cooldown (in minutes)
-
-
- {role && (
- <>
-
Delete After use
-
- {
- setDeleteUsage(e.target.checked);
- }}
- name={"Delete_after_usage"}
- />
- }
- label={"Delete After Usage"}
- />
-
-
- )}
-
- {error.message && {error.message} }
- {
- setError({});
- if (name.length === 0) return setError({ message: "The Command must have name" });
- if (!role && response.length === 0) return setError({ message: "The Command must have a response" });
- const commandRef = firebase.db.collection("customCommands").doc(userConnectedGuildInfo.id);
- if (!editing) {
- const commands = (await commandRef.get()).data();
- if (commands[name]) return setError({ message: "A Command with that name already exists" });
- }
- const parsedAllowedRoles = parseSelectValue(allowedRoles);
- const parsedBannedRoles = parseSelectValue(bannedRoles);
- const parsedAllowedChannels = parseSelectValue(allowedChannels);
- const parsedRoleToGive = parseSelectValue(roleToGive);
- const commandObj = {
- name,
- message: response || false,
- deleteUsage: deleteUsage || false,
- role: parsedRoleToGive || false,
- type: role ? "role" : "text",
- bannedRoles: parsedBannedRoles,
- permittedRoles: parsedAllowedRoles,
- allowedChannels: parsedAllowedChannels,
- cooldown,
- DM: false,
- description,
- };
- commandRef.update({ [name]: commandObj });
- setEditing(false);
- setName("");
- setDescription("");
- setAllowedRoles([]);
- setBannedRoles([]);
- setAllowedChannels([]);
- setCooldown(0);
- setDeleteUsage(false);
- setError({});
-
- setCreatingCommand(false);
- }}
- >
- {editing ? "Update" : "Create"}
-
-
-
- );
-};
-
-export default CreateCommand;
diff --git a/src/components/DashBoard/Discord/Plugins/CustomCommands/CreateRoleCommand.js b/src/components/DashBoard/Discord/Plugins/CustomCommands/CreateRoleCommand.js
deleted file mode 100644
index b915eb3..0000000
--- a/src/components/DashBoard/Discord/Plugins/CustomCommands/CreateRoleCommand.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import ClearIcon from "@material-ui/icons/Clear";
-import { DiscordContext } from "../../../../../contexts/DiscordContext";
-import React, { useEffect, useState, useCallback, useContext } from "react";
-import Select from "react-select";
-import { colorStyles } from "../../../../Shared/userUtils";
-import RoleItem from "../../../../Shared/RoleItem";
-import { CommandContext } from "../../../../../contexts/CommandContext";
-
-const CreateRoleCommand = ({ setCreatingCommand }) => {
- const { setActivePlugins, userConnectedGuildInfo } = useContext(DiscordContext);
- const { roleToGive, setRoleToGive } = useContext(CommandContext);
- return (
- <>
- Role To give
-
- {
- setRoleToGive(e)
- }}
- placeholder="Select Command Role"
- value={roleToGive}
- options={userConnectedGuildInfo?.roles
- ?.filter(role => role.name !== "@everyone")
- ?.sort((a, b) => b.rawPosition - a.rawPosition)
- ?.map(role => ({
- value: `${role.name}=${JSON.stringify(role)}`,
- label: {role.name} ,
- }))}
- styles={{
- ...colorStyles,
- container: styles => ({
- ...styles,
- ...colorStyles.container,
- }),
- }}
- />
-
-
- );
-};
-
-export default CreateRoleCommand;
diff --git a/src/components/DashBoard/Discord/Plugins/CustomCommands/CreateTextCommand.js b/src/components/DashBoard/Discord/Plugins/CustomCommands/CreateTextCommand.js
deleted file mode 100644
index 8e9e211..0000000
--- a/src/components/DashBoard/Discord/Plugins/CustomCommands/CreateTextCommand.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import { DiscordContext } from "../../../../../contexts/DiscordContext";
-import React, { useContext } from "react";
-import { CommandContext } from "../../../../../contexts/CommandContext";
-
-const CreateTextCommand = () => {
- const { setActivePlugins, userConnectedGuildInfo } = useContext(DiscordContext);
- const { response, setResponse } = useContext(CommandContext);
- return (
- <>
- Command Response
-
-
-
-
Available variables
-
- {"{author} - The user who sent the command (mentions the user)"}
-
- {"{author.name} - the users name"}
- {"{author.nickname} - the users nickname"}
- {"{author.color} - the users color based on roles"}
-
-
- {"{n} - get the 'nth' argument passed to the command"}
-
-
Available functions
-
- {"(time {timezone}) - returns the current time in specified timezone code"}
-
-
-
-
setCreatingCommand(false)}
- >
-
- {creatingCommand === "text" ?
-
-
-
- Custom Commands
-
-
- {
- setActivePlugins(prev => {
- const newPlugs = { ...prev, leveling: false };
- firebase.db
- .collection("DiscordSettings")
- .doc(guildId || " ")
- .update({
- activePlugins: newPlugs,
- });
- return newPlugs;
- });
- }}
- >
- Disable
-
-
-
-
- {/*
-
- You can set a channel and events that will be sent to that particular channel. Don't miss anything happening in your server when
- you are not around!
-
- */}
-
-
Create Command
-
-
{
- setupCommand();
- setCreatingCommand("text");
- }}
- >
-
Text Command
-
A simple command that responds with a custom message in DM or public
-
-
{
- setupCommand();
- setCreatingCommand("role");
- }}
- >
-
Role Command
-
A simple command that toggles a role for the user
-
-
-
- Your Commands — {Object.keys(commands).length}
-
- {Object.entries(commands)
- .sort((a, b) => a[0].localeCompare(b[0]))
- .sort((a, b) => (a[1].type === "role" ? -1 : 1))
- .map(([key, value]) => (
-
- ))}
-
-
{channel.name}
- {channel.parent}
-
- ),
- });
- }
- const overrides = data.channelOverrides || {};
- const overridesToSet = {};
- for (const [key, value] of Object.entries(overrides)) {
- if(!value) continue
- const apiUrl = `${process.env.REACT_APP_API_URL}/resolvechannel?guild=${guildId}&channel=${value}`;
- const response = await fetch(apiUrl);
- const channel = await response.json();
- overridesToSet[key] = {
- value: value,
- label: (
- <>
- {channel.name}
- {channel.parent}
-
- ),
- };
- }
- console.log(overridesToSet);
- setChannelOverrides(overridesToSet);
- const active = data.activeEvents;
- setActiveEvents(active || {});
- }
- })();
- (async () => {
- const defaultEvents = (await firebase.db.collection("defaults").doc("loggingEvents").get()).data();
- console.log(defaultEvents);
- setAllEvents(defaultEvents);
- })();
- }, [location, guildId]);
-
- const handleOverrideSelect = useCallback((e, category) => {
- setChannelOverrides(prev => ({
- ...prev,
- [category]: e,
- }));
- firebase.db.collection("loggingChannel").doc(guildId).update({
- [`channelOverrides.${category}`]: (e?.value) || false
- })
- }, [guildId]);
-
- const handleEventToggle = useCallback((e, id) => {
- setActiveEvents(prev => ({
- ...prev,
- [id]: e.target.checked,
- }));
- firebase.db.collection("loggingChannel").doc(guildId).update({
- [`activeEvents.${id}`]: e.target.checked
- })
- })
-
- const handleAnnoucmentSelect = useCallback(
- async e => {
- const guildLevelRef = firebase.db.collection("loggingChannel").doc(guildId);
- setLoggingChannel(e);
- guildLevelRef.update({ server: e.value });
- },
- [guildId]
- );
-
- return (
-
-
-
- Logging
-
-
- {
- setActivePlugins(prev => {
- const newPlugs = { ...prev, leveling: false };
- firebase.db
- .collection("DiscordSettings")
- .doc(guildId || " ")
- .update({
- activePlugins: newPlugs,
- });
- return newPlugs;
- });
- }}
- >
- Disable
-
-
-
-
-
-
- You can set a channel and events that will be sent to that particular channel. Don't miss anything happening in your server when
- you are not around!
-
-
-
-
Logging Channel
-
- a.parent.localeCompare(b.parent))
- ?.map(channel => ({
- value: channel.id,
- label: (
- <>
- {channel.name}
- {channel.parent}
-
- ),
- }))}
- styles={{
- ...colorStyles,
- container: styles => ({
- ...styles,
- ...colorStyles.container,
- }),
- }}
- />
-
- {[...new Set(Object.values(allEvents || {}).map(val => val.category))].sort().map(category => (
- <>
-
{category}
-
-
Channel Override
-
- {
- handleOverrideSelect(e, category);
- }}
- placeholder="Logging Channel Override"
- value={channelOverrides[category] || ""}
- options={userConnectedGuildInfo?.channels
- ?.sort((a, b) => a.parent.localeCompare(b.parent))
- ?.map(channel => ({
- value: channel.id,
- label: (
- <>
- {channel.name}
- {channel.parent}
-
- ),
- }))}
- styles={{
- ...colorStyles,
- container: styles => ({
- ...styles,
- ...colorStyles.container,
- }),
- }}
- />
-
- handleOverrideSelect(null, category)}>Clear Channel Override
-
-
-
- Events
-
-
- {Object.entries(allEvents || {})
- .filter(([key, event]) => event.category === category)
- .sort()
- .map(([key, event]) => (
-
{
- handleEventToggle(e, key)
- }}
- name={event.displayName}
- />
- }
- label={event.displayName}
- />
- ))}
-
-
- ))}
-
-
- 
- 
-