+
+
+ );
+};
+
+export default React.memo(Leveling);
diff --git a/src/components/DashBoard/Discord/Plugins/Roles/CreateJoinManager.js b/src/components/DashBoard/Discord/Plugins/Roles/CreateJoinManager.js
deleted file mode 100644
index 4f0abba..0000000
--- a/src/components/DashBoard/Discord/Plugins/Roles/CreateJoinManager.js
+++ /dev/null
@@ -1,87 +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 { RoleContext } from "../../../../../contexts/RoleContext";
-import firebase from "../../../../../firebase";
-import { ActionItem } from "./ManagerItem";
-
-const parseSelectValue = value => {
- if (value instanceof Array) {
- if (value.length === 0) return value;
- return value.map(role => JSON.parse(role.value.split("=")[1])).map(val => val.id);
- } else {
- try {
- return JSON.parse(value.value.split("=")[1]).id;
- } catch (err) {
- return null;
- }
- }
-};
-
-const CreateJoinManager = ({ setCreatingCommand, guild: userConnectedGuildInfo }) => {
- const { state, update, error, setup, addReaction } = useContext(RoleContext);
- const [addingAction, setAddingAction] = useState(false);
-
- useEffect(() => {
- update("manager.message", "member-join");
- }, []);
- return (
- <>
-
+
+ 
+
+
+ Role Management
+ + + + ++
+
+ Different ways to have the bot manage user roles. Give a role on join, toggle roles with reactions, etc.
+
+
+ Add an action
+ +
-
- Create Join Manager
- -
-
- Member Join Role
-
-
-
- {state.error?.message && {state.error?.message}}
-
-
-
- );
-};
-
-export default CreateJoinManager;
diff --git a/src/components/DashBoard/Discord/Plugins/Roles/CreateManager.js b/src/components/DashBoard/Discord/Plugins/Roles/CreateManager.js
deleted file mode 100644
index 12973d9..0000000
--- a/src/components/DashBoard/Discord/Plugins/Roles/CreateManager.js
+++ /dev/null
@@ -1,97 +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 { RoleContext } from "../../../../../contexts/RoleContext";
-import firebase from "../../../../../firebase";
-import { ActionItem } from "./ManagerItem";
-
-
-const parseSelectValue = value => {
- if (value instanceof Array) {
- if (value.length === 0) return value;
- return value.map(role => JSON.parse(role.value.split("=")[1])).map(val => val.id);
- } else {
- try {
- return JSON.parse(value.value.split("=")[1]).id;
- } catch (err) {
- return null;
- }
- }
-};
-
-const CreateManager = ({ setCreatingCommand, guild: userConnectedGuildInfo }) => {
- const { state, update, error, setup, addReaction } = useContext(RoleContext);
- const [addingAction, setAddingAction] = useState(false);
-
- return (
- <>
-
-
- Create {state.type === "message" ? "Message" : "Member Join"} Manager
- -
-
- Manager Message
-
- update("manager.message", e.target.value)}
- placeholder="Message Id"
- type="text"
- className="prefix-input"
- id="manager-message"
- />
-
- Manager Actions
-
- {Object.entries(state?.manager?.actions || {})?.map(([key, action]) => (
- setAddingAction(false)}
- index={(state.manager?.actions?.length || -1) + 1}
- guild={userConnectedGuildInfo}
- adding
- deleteAble={false}
- />
- )}
- {
- setAddingAction(true);
- }}
- add
- deleteAble={false}
- />
-
-
-
- {state.error?.message && {state.error?.message}}
-
-
-
- );
-};
-
-export default CreateManager;
diff --git a/src/components/DashBoard/Discord/Plugins/Roles/ManagerItem.js b/src/components/DashBoard/Discord/Plugins/Roles/ManagerItem.js
deleted file mode 100644
index 9abdf75..0000000
--- a/src/components/DashBoard/Discord/Plugins/Roles/ManagerItem.js
+++ /dev/null
@@ -1,342 +0,0 @@
-import React, { useState, useEffect, useContext } from "react";
-import styled from "styled-components";
-import RoleItem from "../../../../Shared/RoleItem";
-import CancelTwoToneIcon from "@material-ui/icons/CancelTwoTone";
-import Twemoji from "react-twemoji";
-import AddCircleTwoToneIcon from "@material-ui/icons/AddCircleTwoTone";
-import { RoleContext } from "../../../../../contexts/RoleContext";
-import { Picker } from "emoji-mart";
-import "emoji-mart/css/emoji-mart.css";
-import Select from "react-select";
-import { colorStyles } from "../../../../Shared/userUtils";
-import CloseIcon from "@material-ui/icons/Close";
-import CheckIcon from "@material-ui/icons/Check";
-import firebase from "../../../../../firebase";
-import FormControlLabel from "@material-ui/core/FormControlLabel";
-import { Switch } from "@material-ui/core";
-import { withStyles } from "@material-ui/core/styles";
-import { blueGrey } from "@material-ui/core/colors";
-
-const FancySwitch = withStyles({
- root: {
- padding: 7,
- },
- thumb: {
- width: 24,
- height: 24,
- backgroundColor: "#fff",
- boxShadow: "0 0 12px 0 rgba(0,0,0,0.08), 0 0 8px 0 rgba(0,0,0,0.12), 0 0 4px 0 rgba(0,0,0,0.38)",
- },
- switchBase: {
- color: "rgba(0,0,0,0.38)",
- padding: 7,
- },
- track: {
- borderRadius: 20,
- backgroundColor: blueGrey[300],
- },
- checked: {
- "& $thumb": {
- backgroundColor: "#fff",
- },
- "& + $track": {
- opacity: "1 !important",
- },
- },
- focusVisible: {},
-})(Switch);
-
-const ChannelParent = styled.span`
- color: #aaa;
- font-size: 14px;
- margin-left: 0.25rem;
-`;
-
-const ManagerBody = styled.div`
- margin: 1rem 0;
- display: flex;
- // align-items: center;
- // justify-content: space-between;
- position: relative;
- padding: 0.5rem 1rem;
- border: 1px solid black;
- background: #1f1f1f;
- flex-direction: column;
-`;
-
-const ActionBody = styled.div`
- display: flex;
- padding: 1rem;
- justify-content: space-between;
- margin: 0.25rem;
- margin-left: 0.75rem;
- background: #1a1a1a;
- position: relative;
- align-items: center;
- border-radius: 0.25rem;
- z-index: ${props => (props.adding ? 10 : 0)};
- h3,
- h2,
- h4,
- h1,
- p {
- margin: 0;
- }
- & > div:not(:first-child) {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
-`;
-
-const ActionButton = styled.div`
- cursor: pointer;
-`;
-
-const FlexContainer = styled.span`
- display: flex;
- align-items: center;
-`;
-
-const types = {
- ADD_ON_ADD: "Add",
- REMOVE_ON_REMOVE: "Remove",
- ADD_ON_REMOVE: "Add (reversed)",
- REMOVE_ON_ADD: "Remove (reversed)",
- TOGGLE: "Toggle",
-};
-
-export const ActionItem = React.memo(({ message, onSubmit, DMuser, role, guild, adding, emoji, type, deleteAble, add, onClick, close }) => {
- const [displayRole, setDisplayRole] = useState();
- const { state, update } = useContext(RoleContext);
- const [action, setAction] = useState({});
-
- useEffect(() => {
- if (!add && !adding) {
- setDisplayRole(guild.roles.find(r => r.id === role));
- }
- }, [adding, guild, role, add]);
-
- const submit = () => {
- const roleID = JSON.parse(action.role.value.split("=")[1]).id;
- console.log(roleID);
- const actionObj = {
- role: roleID,
- type: action.type,
- DMuser: action.DMuser,
- };
- if (onSubmit) {
- onSubmit(action.emoji, actionObj);
- } else {
- update(`manager.actions[${action.emoji}]`, actionObj);
- }
- return close?.();
- };
-
- const deleteMe = async () => {
- if (!deleteAble) return;
- await firebase.db
- .collection("reactions")
- .doc(guild.id)
- .update({ [`${message}.actions.${emoji}`]: firebase.delete() });
- };
-
- return (
-
-
- )}
- {!add && !adding ? (
- <>
- Type: {types[type]}
-DM: {(!!DMuser).toString()}
-Add Action
- - ) : ( - <> - -
-
- Type:{" "}
-
-
-
- {
- setAction(prev => ({ ...prev, DMuser: e.target.checked }));
- }}
- name={"dm_user"}
- />
- }
- label={"DM"}
- />
-
- {action.role && action.type && action.emoji && (
-
-
-
- {displayChannel?.name || channelOveride} {displayChannel?.parent}
-
- {Object.entries(actions || {})
- .sort()
- .map(([key, value]) => (
-
-
- {state.type === "message" ? (
-
-
-
- );
-};
-
-export default React.memo(Roles);
diff --git a/src/components/DashBoard/Discord/Plugins/plugins.json b/src/components/DashBoard/Discord/Plugins/plugins.json
index c1a2d78..12c16de 100644
--- a/src/components/DashBoard/Discord/Plugins/plugins.json
+++ b/src/components/DashBoard/Discord/Plugins/plugins.json
@@ -3,70 +3,69 @@
"id": "leveling",
"title": "Leveling",
"image": "trophy.svg",
- "description": "Let your users gain XP and levels by participating in the chat!",
- "comingSoon": false
+ "description": "Let your users gain XP and levels by participating in the chat!",
+ "comingSoon": false
},
{
"id": "commands",
"title": "Custom Commands",
"image": "discord.png",
- "description": "Create custom commands for your server",
- "comingSoon": false
+ "description": "Create custom commands for your server",
+ "comingSoon": false
},
{
"id": "logging",
"title": "Logging",
"image": "clipboard.svg",
- "description": "Log the events that take place on your server",
- "comingSoon": false
- },
- {
- "id": "roles",
- "title": "Role Management",
- "image": "aprove.png",
- "description": "Let the bot manage members roles in different ways like reaction roles"
+ "description": "Log the events that take place on your server",
+ "comingSoon": false
},
{
"id": "welcome",
"title": "Welcome",
"image": "wave.svg",
- "description": "Send a welcome message to new users",
- "comingSoon": true
+ "description": "Send a welcome message to new users",
+ "comingSoon": true
},
{
"id": "streamislive",
"title": "Stream Notifications",
"image": "twitch.svg",
- "description": "Let your viewers when you go live",
- "comingSoon": true
- },
- {
+ "description": "Let your viewers when you go live",
+ "comingSoon": true
+ },
+ {
"id": "moderation",
"title": "Moderation",
"image": "mod.svg",
- "description": "Power up your moderation with cool commands and automations!",
- "comingSoon": true
- },
-
- {
+ "description": "Power up your moderation with cool commands and automations!",
+ "comingSoon": true
+ },
+ {
+ "id": "roles",
+ "title": "Role Management",
+ "image": "aprove.png",
+ "description": "Let the bot manage members roles in different ways like reaction roles",
+ "comingSoon": true
+ },
+ {
"id": "music",
"title": "Music",
"image": "music.svg",
- "description": "Listen to music directly on Discord",
- "comingSoon": true
- },
- {
+ "description": "Listen to music directly on Discord",
+ "comingSoon": true
+ },{
"id": "polls",
"title": "Polls",
"image": "poll.svg",
- "description": "Hold polls within your server",
- "comingSoon": true
- },
- {
+ "description": "Hold polls within your server",
+ "comingSoon": true
+ },{
"id": "giveaways",
"title": "Giveaways",
"image": "gift.svg",
- "description": "Host giveaways within your server",
- "comingSoon": true
+ "description": "Host giveaways within your server",
+ "comingSoon": true
+
}
]
diff --git a/src/components/Shared/RoleItem.js b/src/components/Shared/RoleItem.js
index 00bdf5e..427c064 100644
--- a/src/components/Shared/RoleItem.js
+++ b/src/components/Shared/RoleItem.js
@@ -1,6 +1,6 @@
import styled from "styled-components";
-const colorify = number => `#${number === 0 ? "#99aab5" : number?.toString?.(16)?.padStart?.(6, "0") || "black"}`;
+const colorify = number => `#${number === 0 ? "#99aab5" : number.toString(16).padStart(6, '0')}`;
const RoleItem = styled.div`
height: 12px;
@@ -13,20 +13,20 @@ const RoleItem = styled.div`
align-items: center;
background: #2f3136aa;
border: 2px solid ${props => colorify(props.color)};
- line-height: 1;
- position: relative;
- font-weight: 600;
- color: #ccc;
- &:before {
- display: inline-block;
- content: "";
- width: 12px;
- height: 12px;
- margin-left: -0.25rem;
- margin-right: 0.25rem;
- border-radius: 50%;
- background: ${props => colorify(props.color)};
- }
+ line-height: 1;
+ position: relative;
+ font-weight: 600;
+ color: #ccc;
+ &:before{
+ display: inline-block;
+ content: "";
+ width: 12px;
+ height: 12px;
+ margin-left: -.25rem;
+ margin-right: .25rem;
+ border-radius: 50%;
+ background: ${props => colorify(props.color)};
+ }
`;
export default RoleItem;
diff --git a/src/contexts/RoleContext.js b/src/contexts/RoleContext.js
deleted file mode 100644
index e94bef3..0000000
--- a/src/contexts/RoleContext.js
+++ /dev/null
@@ -1,90 +0,0 @@
-import React, { createContext, useReducer } from "react";
-import lodash from "lodash";
-// lodash.get(object, nestedPropertyString);
-// lodash.set(object, path, value)
-export const RoleContext = createContext({});
-
-const Actions = {
- EDIT: "edit",
- CREATE: "create",
- UPDATE: "update",
- ERROR: "error",
- SETUP: "setup",
- ADD_REACTION: "add_reaction",
-};
-
-const initialState = {
- editing: false,
- error: null,
- manager: {},
- type: null,
-};
-
-const RoleReducer = (state, action) => {
- switch (action.type) {
- case Actions.SETUP:
- return initialState;
- case Actions.EDIT:
- return { ...state, manager: action.manager, type: action.creatingType, editing: true };
- case Actions.CREATE:
- return { ...state, type: action.creatingType };
- case Actions.UPDATE:
- const newState = { ...state };
- lodash.set(newState, action.path, action.value);
- return newState;
- case Actions.ERROR:
- return { ...state, error: { message: action.message } };
- case Actions.ADD_REACTION:
- if (state.manager?.actions) {
- return { ...state, manager: { ...state.manager, actions: [...state.manager.actions, action.reaction] } };
- } else {
- return { ...state, manager: { ...state.manager, actions: [action.reaction] } };
- }
- default:
- return state;
- }
-};
-
-export const RoleContextProvider = props => {
- const [state, dispatch] = useReducer(RoleReducer, initialState);
-
- const setup = () => dispatch({ type: Actions.SETUP });
-
- const create = type => {
- setup();
- dispatch({ type: Actions.CREATE, creatingType: type });
- };
-
- const edit = (manager, type) => {
- dispatch({ type: Actions.EDIT, manager, creatingType: type });
- };
-
- const update = (path, value) => {
- dispatch({ type: Actions.UPDATE, path, value });
- };
-
- const error = message => {
- dispatch({ type: Actions.ERROR, message });
- };
-
- const addReaction = reaction => {
- dispatch({ type: Actions.ADD_REACTION, reaction });
- };
-
- return (
-
-
-
-
-
- Role Management
- - - - --
-
- Different ways to have the bot manage user roles. Give a role on join, toggle roles with reactions, etc.
-
-
- Create Manager
-
-
- {!state.type && JoinManager && (
- <>
- {
- create("message");
- }}
- >
-
- {!JoinManager && (
- Message Manager
-allow users to give/remove roles from themeselves by reacting to a message
- {
- create("join");
- }}
- >
-
- )}
- Member Join Manager
-Automatically Give a user a role when they join your server
-