fix lint.

CommonUI/src/Components/Basic/Icon/Icon.tsx

@@ -20,7 +20,7 @@ export interface ComponentProps {
 
 const Icon: FunctionComponent<ComponentProps> = ({
     icon,
-    size,
+    size = SizeProp.Regular,
 }: ComponentProps): ReactElement => {
     return (
         <span>

CommonUI/src/Components/Dashboard/Table/Table.tsx

@@ -56,13 +56,15 @@ const Table: FunctionComponent<ComponentProps> = ({
                     records.map((record: JSONObject, index: number) => {
                         return (
                             <tr key={index}>
-                                {columns.map((item: TableColumn, index: number) => {
+                                {columns.map(
+                                    (item: TableColumn, index: number) => {
                                         return (
                                             <td key={index}>
                                                 {record[item.key] as string}
                                             </td>
                                         );
-                                })}
+                                    }
+                                )}
                             </tr>
                         );
                     })

CommonUI/src/Components/Dashboard/TopBar/SearchBar/SearchBar.scss

@@ -9,7 +9,7 @@ $transition: all 0.2s linear;
     align-items: center;
     padding: 0 15px;
     outline: 1px solid darken($primaryColor, 5%);
-    border-radius: 100px;
+    border-radius: 5px;
 
     & > * {
         flex: 0 0 5%;

CommonUI/src/Components/Dashboard/TopBar/TopbarMenuButton/MenuButton.tsx

@@ -18,8 +18,6 @@ export interface MenuIconButtonComponentProps {
 export interface MenuOutlineButtonComponentProps
     extends MenuIconButtonComponentProps {
     text?: string;
-    className?: string;
-    id?: string;
 }
 
 export const MenuIconButton: FunctionComponent<
@@ -48,12 +46,10 @@ export const MenuOutlineButton: FunctionComponent<
     onClick,
     showModal,
     modalContent,
-    className,
-    id,
 }: MenuOutlineButtonComponentProps): ReactElement => {
     return (
         <div className="buttonLayout">
-            <div className={`button ${className}`} id={id} onClick={onClick}>
+            <div className={`button`} onClick={onClick}>
                 <span>{text}</span>
                 {icon && <FontAwesomeIcon icon={icon} />}
             </div>

Dashboard/src/Components/Monitor/MonitorTable.tsx

@@ -1,4 +1,9 @@
-import React, { FunctionComponent, MouseEventHandler, ReactElement, useState } from 'react';
+import React, {
+    FunctionComponent,
+    MouseEventHandler,
+    ReactElement,
+    useState,
+} from 'react';
 import Container from 'CommonUI/src/Components/Dashboard/Container/Container/Container';
 import Pagination from 'CommonUI/src/Components/Dashboard/Container/Container/Pagination';
 import Table from 'CommonUI/src/Components/Dashboard/Table/Table';