fix some eslint errors

src/components/Admintools.jsx

@@ -85,17 +85,9 @@ function Admintools() {
   return (
     <div style={{ textAlign: 'center', paddingLeft: '5%', paddingRight: '5%' }}>
       {resp && (
-        <div style={{
+        <div className="respbox">
-          borderStyle: 'solid',
-          borderColor: '#D4D4D4',
-          userSelect: 'text',
-          borderWidth: 2,
-          padding: 5,
-          display: 'inline-block',
-        }}
-        >
           {resp.split('\n').map((line) => (
-            <p className="modaltext">
+            <p key={line.slice(0, 3)} className="modaltext">
               {line}
             </p>
           ))}

src/components/ModCanvastools.jsx

@@ -217,16 +217,9 @@ function ModCanvastools() {
   return (
     <div style={{ textAlign: 'center', paddingLeft: '5%', paddingRight: '5%' }}>
       {resp && (
-        <div style={{
+        <div className="respbox">
-          borderStyle: 'solid',
-          borderColor: '#D4D4D4',
-          borderWidth: 2,
-          padding: 5,
-          display: 'inline-block',
-        }}
-        >
           {resp.split('\n').map((line) => (
-            <p className="modaltext">
+            <p key={line.slice(0, 3)} className="modaltext">
               {line}
             </p>
           ))}

src/components/ModIIDtools.jsx

@@ -14,6 +14,10 @@ async function submitIIDAction(
   duration,
   callback,
 ) {
+  if (!iid) {
+    callback(t`You must enter an IID`);
+    return;
+  }
   const time = Date.now() + parseInterval(duration);
   const data = new FormData();
   data.append('iidaction', action);
@@ -60,14 +64,13 @@ function ModIIDtools() {
         <>
           <p>{t`Reason`}</p>
           <input
+            maxLength="200"
             style={{
               width: '100%',
             }}
             value={reason}
             placeholder={t`Enter Reason`}
-            onChange={(evt) => {
+            onChange={(evt) => setReason(evt.target.value)}
-              setReason(evt.target.value.trim());
-            }}
           />
           <p>
             {`${t`Duration`}: `}

src/components/ModWatchtools.jsx

@@ -96,16 +96,9 @@ function ModWatchtools() {
   return (
     <div style={{ textAlign: 'center', paddingLeft: '5%', paddingRight: '5%' }}>
       {resp && (
-        <div style={{
+        <div className="respbox">
-          borderStyle: 'solid',
-          borderColor: '#D4D4D4',
-          borderWidth: 2,
-          padding: 5,
-          display: 'inline-block',
-        }}
-        >
           {resp.split('\n').map((line) => (
-            <p className="modaltext">
+            <p key={line.slice(0, 3)} className="modaltext">
               {line}
             </p>
           ))}

src/data/sql/Ban.js

@@ -33,6 +33,12 @@ const Ban = sequelize.define('Blacklist', {
 }, {
   timestamps: true,
   updatedAt: false,
+
+  setterMethods: {
+    reason(value) {
+      this.setDataValue('reason', value.slice(0, 200));
+    },
+  },
 });
 
 

src/styles/default.css

@@ -959,6 +959,15 @@ tr:nth-child(even) {
   position: absolute;
 }
 
+.respbox {
+  border-style: solid;
+  border-color: #D4D4D4;
+  user-select: text;
+  border-width: 2px;
+  padding: 5px;
+  display: inline-block;
+}
+
 /*-----------*/
 /* react-toggle css */