From 2b82971cebc77b7c69b8c4e79c44df5f1c11d986 Mon Sep 17 00:00:00 2001
From: HF <hf@pixelplanet.fun>
Date: Fri, 5 Aug 2022 22:56:02 +0200
Subject: [PATCH] fix some eslint errors

---
 src/components/Admintools.jsx     | 12 ++----------
 src/components/ModCanvastools.jsx | 11 ++---------
 src/components/ModIIDtools.jsx    |  9 ++++++---
 src/components/ModWatchtools.jsx  | 11 ++---------
 src/data/sql/Ban.js               |  6 ++++++
 src/styles/default.css            |  9 +++++++++
 6 files changed, 27 insertions(+), 31 deletions(-)

diff --git a/src/components/Admintools.jsx b/src/components/Admintools.jsx
index 05e9428..0575715 100644
--- a/src/components/Admintools.jsx
+++ b/src/components/Admintools.jsx
@@ -85,17 +85,9 @@ function Admintools() {
   return (
     <div style={{ textAlign: 'center', paddingLeft: '5%', paddingRight: '5%' }}>
       {resp && (
-        <div style={{
-          borderStyle: 'solid',
-          borderColor: '#D4D4D4',
-          userSelect: 'text',
-          borderWidth: 2,
-          padding: 5,
-          display: 'inline-block',
-        }}
-        >
+        <div className="respbox">
           {resp.split('\n').map((line) => (
-            <p className="modaltext">
+            <p key={line.slice(0, 3)} className="modaltext">
               {line}
             </p>
           ))}
diff --git a/src/components/ModCanvastools.jsx b/src/components/ModCanvastools.jsx
index b5394a2..ecd3e55 100644
--- a/src/components/ModCanvastools.jsx
+++ b/src/components/ModCanvastools.jsx
@@ -217,16 +217,9 @@ function ModCanvastools() {
   return (
     <div style={{ textAlign: 'center', paddingLeft: '5%', paddingRight: '5%' }}>
       {resp && (
-        <div style={{
-          borderStyle: 'solid',
-          borderColor: '#D4D4D4',
-          borderWidth: 2,
-          padding: 5,
-          display: 'inline-block',
-        }}
-        >
+        <div className="respbox">
           {resp.split('\n').map((line) => (
-            <p className="modaltext">
+            <p key={line.slice(0, 3)} className="modaltext">
               {line}
             </p>
           ))}
diff --git a/src/components/ModIIDtools.jsx b/src/components/ModIIDtools.jsx
index 44cd314..88baa65 100644
--- a/src/components/ModIIDtools.jsx
+++ b/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) => {
-              setReason(evt.target.value.trim());
-            }}
+            onChange={(evt) => setReason(evt.target.value)}
           />
           <p>
             {`${t`Duration`}: `}
diff --git a/src/components/ModWatchtools.jsx b/src/components/ModWatchtools.jsx
index 6625e7c..1f53dbb 100644
--- a/src/components/ModWatchtools.jsx
+++ b/src/components/ModWatchtools.jsx
@@ -96,16 +96,9 @@ function ModWatchtools() {
   return (
     <div style={{ textAlign: 'center', paddingLeft: '5%', paddingRight: '5%' }}>
       {resp && (
-        <div style={{
-          borderStyle: 'solid',
-          borderColor: '#D4D4D4',
-          borderWidth: 2,
-          padding: 5,
-          display: 'inline-block',
-        }}
-        >
+        <div className="respbox">
           {resp.split('\n').map((line) => (
-            <p className="modaltext">
+            <p key={line.slice(0, 3)} className="modaltext">
               {line}
             </p>
           ))}
diff --git a/src/data/sql/Ban.js b/src/data/sql/Ban.js
index 4726368..1c3995d 100644
--- a/src/data/sql/Ban.js
+++ b/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));
+    },
+  },
 });
 
 
diff --git a/src/styles/default.css b/src/styles/default.css
index 889e91d..e3c3b8a 100644
--- a/src/styles/default.css
+++ b/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 */