Add eslint config

.eslintrc.yml

@@ -0,0 +1,11 @@
+env:
+  browser: true
+  es2021: true
+extends: plugin:react/recommended
+overrides: []
+parserOptions:
+  ecmaVersion: latest
+  sourceType: module
+plugins:
+  - react
+rules: {}

.github/workflows/eslint.yml

@@ -26,7 +26,5 @@ jobs:
       - uses: actions/checkout@v2
       - name: Install packages
         run: npm ci
-      - name: Prettier
-        run: npm run format
       - name: Lint
         run: npm run lint

package.json

@@ -23,7 +23,8 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "lint": "eslint ."
   },
   "eslintConfig": {
     "extends": [
@@ -47,5 +48,9 @@
     "transformIgnorePatterns": [
       "/node_modules/(?!(axios|react-day-picker)/)"
     ]
+  },
+  "devDependencies": {
+    "eslint": "^8.37.0",
+    "eslint-plugin-react": "^7.32.2"
   }
 }

src/components/CodeEditorWindow/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useState, useRef } from "react";
 import Editor from "@monaco-editor/react";
 import { Rules, options, btnconfig, GetCodeBlocks, selectBlock } from "./config/Rules"

src/components/Logo.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-export const Logo = (props: any) => {
+export const Logo = (props) => {
   return (
     <img src='/logo.png' alt='logo' width='100px' />
   );

src/components/ResultEditorWindow/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React from "react";
 
 import Editor from "@monaco-editor/react";

src/components/Sidebar.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React from "react";
 import { Link } from 'react-router-dom';
 import { Divider, Drawer, Grid, List, ListItemButton, ListItemIcon, ListItemText } from "@mui/material";

src/routes.js

@@ -1,17 +1,17 @@
-
+import React from 'react';
 import Home from './pages/Home';
-import Console  from './pages/Console'
+import Console from './pages/Console'
 import Collections from './pages/Collections'
 import Collection from './pages/Collection'
 
 const routes = () => [
   {
     path: '/',
-    element:<Home/>,
+    element: <Home />,
     children: [
-      {path: '/console', element: <Console /> },
-      {path: '/collections', element: <Collections />},
-      {path: '/collections/:collectionName', element: <Collection />}
+      { path: '/console', element: <Console /> },
+      { path: '/collections', element: <Collections /> },
+      { path: '/collections/:collectionName', element: <Collection /> }
     ]
   }
 ];