zappyzep/presetup-configurator/src/Levels.tsx

47 lines
1.2 KiB
TypeScript
Raw Normal View History

Update djs & knub (#395) * update pkgs Signed-off-by: GitHub <noreply@github.com> * new knub typings Signed-off-by: GitHub <noreply@github.com> * more pkg updates Signed-off-by: GitHub <noreply@github.com> * more fixes Signed-off-by: GitHub <noreply@github.com> * channel typings Signed-off-by: GitHub <noreply@github.com> * more message utils typings fixes Signed-off-by: GitHub <noreply@github.com> * migrate permissions Signed-off-by: GitHub <noreply@github.com> * fix: InternalPoster webhookables Signed-off-by: GitHub <noreply@github.com> * djs typings: Attachment & Util Signed-off-by: GitHub <noreply@github.com> * more typings Signed-off-by: GitHub <noreply@github.com> * fix: rename permissionNames Signed-off-by: GitHub <noreply@github.com> * more fixes Signed-off-by: GitHub <noreply@github.com> * half the number of errors * knub commands => messageCommands Signed-off-by: GitHub <noreply@github.com> * configPreprocessor => configParser Signed-off-by: GitHub <noreply@github.com> * fix channel.messages Signed-off-by: GitHub <noreply@github.com> * revert automod any typing Signed-off-by: GitHub <noreply@github.com> * more configParser typings Signed-off-by: GitHub <noreply@github.com> * revert Signed-off-by: GitHub <noreply@github.com> * remove knub type params Signed-off-by: GitHub <noreply@github.com> * fix more MessageEmbed / MessageOptions Signed-off-by: GitHub <noreply@github.com> * dumb commit for @almeidx to see why this is stupid Signed-off-by: GitHub <noreply@github.com> * temp disable custom_events Signed-off-by: GitHub <noreply@github.com> * more minor typings fixes - 23 err left Signed-off-by: GitHub <noreply@github.com> * update djs dep * +debug build method (revert this) Signed-off-by: GitHub <noreply@github.com> * Revert "+debug build method (revert this)" This reverts commit a80af1e729b742d1aad1097df538d224fbd32ce7. * Redo +debug build (Revert this) Signed-off-by: GitHub <noreply@github.com> * uniform before/after Load shorthands Signed-off-by: GitHub <noreply@github.com> * remove unused imports & add prettier plugin Signed-off-by: GitHub <noreply@github.com> * env fixes for web platform hosting Signed-off-by: GitHub <noreply@github.com> * feat: knub v32-next; related fixes * fix: allow legacy keys in change_perms action * fix: request Message Content intent * fix: use Knub's config validation logic in API * fix(dashboard): fix error when there are no message and/or slash commands in a plugin * fix(automod): start_thread action thread options * fix(CustomEvents): message command types * chore: remove unneeded type annotation * feat: add forum channel icon; use thread icon for news threads * chore: make tslint happy * chore: fix formatting --------- Signed-off-by: GitHub <noreply@github.com> Co-authored-by: almeidx <almeidx@pm.me> Co-authored-by: Dragory <2606411+Dragory@users.noreply.github.com>
2023-04-01 12:58:17 +01:00
import React from "react";
2021-01-18 22:44:54 +02:00
const LEVEL_ADMIN = 100;
const LEVEL_MODERATOR = 50;
export type LevelEntry = [string, number]; // id, level
export function Levels({ levels, setLevels }) {
function addLevel() {
2021-09-11 19:06:51 +03:00
setLevels((arr) => [...arr, ["", LEVEL_MODERATOR]]);
2021-01-18 22:44:54 +02:00
}
function removeLevel(index) {
2021-09-11 19:06:51 +03:00
setLevels((arr) => [...arr].splice(index, 1));
2021-01-18 22:44:54 +02:00
}
function updateLevelId(index, id) {
const validId = id.replace(/[^0-9]/g, "");
2021-09-11 19:06:51 +03:00
setLevels((arr) => {
2021-01-18 22:44:54 +02:00
arr[index][0] = validId;
return [...arr];
});
}
function updateLevelLevel(index, level) {
2021-09-11 19:06:51 +03:00
setLevels((arr) => {
2021-01-18 22:44:54 +02:00
arr[index][1] = parseInt(level, 10);
return [...arr];
});
}
return (
<div>
{levels.map(([id, level], index) => (
<div key={index}>
2021-09-11 19:06:51 +03:00
<input value={id} onChange={(e) => updateLevelId(index, e.target.value)} />
<select value={level} onChange={(e) => updateLevelLevel(index, e.target.value)}>
2021-01-18 22:44:54 +02:00
<option value={LEVEL_ADMIN}>Admin</option>
<option value={LEVEL_MODERATOR}>Moderator</option>
</select>
</div>
))}
<button onClick={addLevel}>Add</button>
</div>
);
}