[MI-3199]: Developed a table to display the existing config of plugin

plugin.json

@@ -25,10 +25,7 @@
         {
             "key": "ExistingConfigurationTable",
             "display_name": "Existing Configurations:",
-            "type": "custom",
-            "help_text": "",
-            "placeholder": "",
-            "default": ""
+            "type": "custom"
         }
     ]
   }

webapp/src/containers/components/modals/attachmentMsgModal.tsx

@@ -4,11 +4,10 @@ import Modal from 'react-bootstrap/Modal';
 
 import './styles.css';
 
-const AttachmentMsgModal = () => {
+const AttachmentMessageModal = () => {
     const [show, setShow] = useState(false);
-    const handleClose = () => {
-        setShow(false);
-    };
+    const handleClose = () => setShow(false);
+
     return (
         <>
             <div
@@ -38,4 +37,4 @@ const AttachmentMsgModal = () => {
     );
 };
 
-export default AttachmentMsgModal;
+export default AttachmentMessageModal;

webapp/src/containers/components/modals/styles.css

@@ -1,4 +1,3 @@
 .show {
-    display: block;
     position: initial;
 }

webapp/src/containers/components/tables/existingConfigTable.tsx

@@ -14,8 +14,6 @@ type HelpText = {
         isMarkdown: boolean;
         isTranslated: boolean;
         text: string;
-        textDefault?: string;
-        textValues?: string;
     }
 }
 
@@ -28,11 +26,10 @@ type Props = {
 
 const ExistingConfigTable = ({label, helpText}: Props) => {
     const [visible, setVisible] = useState(false);
-    const handleView = () => {
-        setVisible(true);
-    };
+    const handleView = () => setVisible(true);
+
     return (
-        <div>
+        <>
             <FormGroup>
                 <Col sm={4}>
                     {label}
@@ -53,7 +50,7 @@ const ExistingConfigTable = ({label, helpText}: Props) => {
                                 <td>{'Standup'}</td>
                                 <td>{'4'}</td>
                                 <td className='ellipsis'>
-                                    {'Hello to standup group sdhfvk.'}
+                                    {'Hello to standup group.'}
                                 </td>
                                 <td>
                                     <Button
@@ -106,12 +103,12 @@ const ExistingConfigTable = ({label, helpText}: Props) => {
                                     </Button>
                                 </td>
                                 <td>
-                                    <div>
+                                    <>
                                         <ButtonGroup aria-label='Basic example'>
                                             <Button variant='primary'>{'Edit'}</Button>
                                             <Button variant='danger'>{'Delete'}</Button>
                                         </ButtonGroup>
-                                    </div>
+                                    </>
                                 </td>
                             </tr>
                             <tr>
@@ -127,12 +124,12 @@ const ExistingConfigTable = ({label, helpText}: Props) => {
                                     </Button>
                                 </td>
                                 <td>
-                                    <div>
+                                    <>
                                         <ButtonGroup aria-label='Basic example'>
                                             <Button variant='primary'>{'Edit'}</Button>
                                             <Button variant='danger'>{'Delete'}</Button>
                                         </ButtonGroup>
-                                    </div>
+                                    </>
                                 </td>
                             </tr>
                         </tbody>
@@ -144,7 +141,7 @@ const ExistingConfigTable = ({label, helpText}: Props) => {
                     </div>
                 </Col>
             </FormGroup>
-        </div>
+        </>
     );
 };
 

webapp/src/containers/components/tables/styles.css

@@ -7,7 +7,7 @@
 table.table tbody tr td,
 table.table thead tr th,
 table.table thead {
-  border: 2px solid #ddd;
+  border: 2px solid #dddddd;
 }
 
 .table td {
@@ -24,5 +24,5 @@ table {
 }
 
 .table thead tr th td{
-    white-space:nowrap
+    white-space: nowrap
 }