From 30751442448c83edd72cb4a795f1804a8fc66fab Mon Sep 17 00:00:00 2001
From: "Arslan, Erdem" <erdem.arslan@valtech.com>
Date: Fri, 24 Nov 2023 01:05:54 +0100
Subject: [PATCH] fix linting

---
 pkgs/ui/src/app/client-1/page.tsx        |  38 +--
 pkgs/ui/src/app/client-2/page.tsx        |  38 +--
 pkgs/ui/src/components/sidebar/index.tsx | 369 ++++++++++++-----------
 pkgs/ui/src/mock/client_1/index.ts       | 132 ++++----
 pkgs/ui/src/mock/client_2/index.ts       | 132 ++++----
 5 files changed, 359 insertions(+), 350 deletions(-)

diff --git a/pkgs/ui/src/app/client-1/page.tsx b/pkgs/ui/src/app/client-1/page.tsx
index 4d74186..5abb913 100644
--- a/pkgs/ui/src/app/client-1/page.tsx
+++ b/pkgs/ui/src/app/client-1/page.tsx
@@ -2,11 +2,11 @@
 
 import SummaryDetails from "@/components/summary_card";
 import {
-    Client1SummaryDetails,
-    Client1ConsumerData,
-    Client1ConsumerTableConfig,
-    Client1ProducerTableConfig,
-    Client1ProducerData
+  Client1SummaryDetails,
+  Client1ConsumerData,
+  Client1ConsumerTableConfig,
+  Client1ProducerTableConfig,
+  Client1ProducerData,
 } from "@/mock/client_1";
 import CustomTable from "@/components/table";
 
@@ -21,20 +21,20 @@ export default function Client1() {
           details: Client1SummaryDetails,
         }}
       />
-        <div>
-            <h4>Consumer View</h4>
-            <CustomTable
-                data={Client1ConsumerData}
-                configuration={Client1ConsumerTableConfig}
-            />
-        </div>
-        <div>
-            <h4>Producer View</h4>
-            <CustomTable
-                data={Client1ProducerData}
-                configuration={Client1ProducerTableConfig}
-            />
-        </div>
+      <div>
+        <h4>Consumer View</h4>
+        <CustomTable
+          data={Client1ConsumerData}
+          configuration={Client1ConsumerTableConfig}
+        />
+      </div>
+      <div>
+        <h4>Producer View</h4>
+        <CustomTable
+          data={Client1ProducerData}
+          configuration={Client1ProducerTableConfig}
+        />
+      </div>
     </div>
   );
 }
diff --git a/pkgs/ui/src/app/client-2/page.tsx b/pkgs/ui/src/app/client-2/page.tsx
index accb479..80be865 100644
--- a/pkgs/ui/src/app/client-2/page.tsx
+++ b/pkgs/ui/src/app/client-2/page.tsx
@@ -2,11 +2,11 @@
 
 import SummaryDetails from "@/components/summary_card";
 import {
-    Client2ConsumerData,
-    Client2ConsumerTableConfig,
-    Client2ProducerData,
-    Client2ProducerTableConfig,
-    Client2SummaryDetails
+  Client2ConsumerData,
+  Client2ConsumerTableConfig,
+  Client2ProducerData,
+  Client2ProducerTableConfig,
+  Client2SummaryDetails,
 } from "@/mock/client_2";
 import CustomTable from "@/components/table";
 
@@ -21,20 +21,20 @@ export default function Client1() {
           details: Client2SummaryDetails,
         }}
       />
-        <div>
-            <h4>Consumer View</h4>
-            <CustomTable
-                data={Client2ConsumerData}
-                configuration={Client2ConsumerTableConfig}
-            />
-        </div>
-        <div>
-            <h4>Producer View</h4>
-            <CustomTable
-                data={Client2ProducerData}
-                configuration={Client2ProducerTableConfig}
-            />
-        </div>
+      <div>
+        <h4>Consumer View</h4>
+        <CustomTable
+          data={Client2ConsumerData}
+          configuration={Client2ConsumerTableConfig}
+        />
+      </div>
+      <div>
+        <h4>Producer View</h4>
+        <CustomTable
+          data={Client2ProducerData}
+          configuration={Client2ProducerTableConfig}
+        />
+      </div>
     </div>
   );
 }
diff --git a/pkgs/ui/src/components/sidebar/index.tsx b/pkgs/ui/src/components/sidebar/index.tsx
index 77ae189..3b46170 100644
--- a/pkgs/ui/src/components/sidebar/index.tsx
+++ b/pkgs/ui/src/components/sidebar/index.tsx
@@ -1,17 +1,17 @@
 import {
-    Divider,
-    IconButton,
-    List,
-    ListItem,
-    ListItemButton,
-    ListItemIcon,
-    ListItemText,
+  Divider,
+  IconButton,
+  List,
+  ListItem,
+  ListItemButton,
+  ListItemIcon,
+  ListItemText,
 } from "@mui/material";
 import Image from "next/image";
-import React, {ReactNode} from "react";
+import React, { ReactNode } from "react";
 
-import {tw} from "@/utils/tailwind";
-import Collapse from '@mui/material/Collapse';
+import { tw } from "@/utils/tailwind";
+import Collapse from "@mui/material/Collapse";
 import Link from "next/link";
 import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
 import HomeIcon from "@mui/icons-material/Home";
@@ -19,197 +19,206 @@ import HubIcon from "@mui/icons-material/Hub";
 import PersonIcon from "@mui/icons-material/Person";
 import RouterIcon from "@mui/icons-material/Router";
 import StorageIcon from "@mui/icons-material/Storage";
-import ExpandLess from '@mui/icons-material/ExpandLess';
-import ExpandMore from '@mui/icons-material/ExpandMore';
+import ExpandLess from "@mui/icons-material/ExpandLess";
+import ExpandMore from "@mui/icons-material/ExpandMore";
 
 type MenuEntry = {
-    icon: ReactNode;
-    label: string;
-    to: string;
-    disabled: boolean;
+  icon: ReactNode;
+  label: string;
+  to: string;
+  disabled: boolean;
 } & {
-    subMenuEntries?: MenuEntry[];
+  subMenuEntries?: MenuEntry[];
 };
 
 const menuEntityEntries: MenuEntry[] = [
-    {
-        icon: <PersonIcon/>,
-        label: "C1",
-        to: "/client-1",
-        disabled: false,
-    },
-    {
-        icon: <PersonIcon/>,
-        label: "C2",
-        to: "/client-2",
-        disabled: false,
-    }
+  {
+    icon: <PersonIcon />,
+    label: "C1",
+    to: "/client-1",
+    disabled: false,
+  },
+  {
+    icon: <PersonIcon />,
+    label: "C2",
+    to: "/client-2",
+    disabled: false,
+  },
 ];
 
 const menuEntries: MenuEntry[] = [
-    {
-        icon: <HomeIcon/>,
-        label: "Home",
-        to: "/",
-        disabled: false,
-    },
-    {
-        icon: <HubIcon/>,
-        label: "Entities",
-        to: "/entities",
-        disabled: false,
-    },
-    {
-        icon: <RouterIcon/>,
-        label: "AP",
-        to: "/access-point",
-        disabled: false,
-    },
-    {
-        icon: <StorageIcon/>,
-        label: "DLG",
-        to: "/distributed-ledger-gateway",
-        disabled: false,
-    },
+  {
+    icon: <HomeIcon />,
+    label: "Home",
+    to: "/",
+    disabled: false,
+  },
+  {
+    icon: <HubIcon />,
+    label: "Entities",
+    to: "/entities",
+    disabled: false,
+  },
+  {
+    icon: <RouterIcon />,
+    label: "AP",
+    to: "/access-point",
+    disabled: false,
+  },
+  {
+    icon: <StorageIcon />,
+    label: "DLG",
+    to: "/distributed-ledger-gateway",
+    disabled: false,
+  },
 ];
 
 const hideSidebar = tw`-translate-x-14 lg:-translate-x-64`;
 const showSidebar = tw`lg:translate-x-0`;
 
 interface SidebarProps {
-    show: boolean;
-    onClose: () => void;
+  show: boolean;
+  onClose: () => void;
 }
 
 export function Sidebar(props: SidebarProps) {
-    const {show, onClose} = props;
-    const [activeMenuItem, setActiveMenuItem] = React.useState(typeof window !== "undefined" ? window.location.pathname : "");
-    const [collapseMenuOpen, setCollapseMenuOpen] = React.useState(true);
+  const { show, onClose } = props;
+  const [activeMenuItem, setActiveMenuItem] = React.useState(
+    typeof window !== "undefined" ? window.location.pathname : "",
+  );
+  const [collapseMenuOpen, setCollapseMenuOpen] = React.useState(true);
 
-    const handleCollapseClick = () => {
-        setCollapseMenuOpen(!collapseMenuOpen);
-    };
+  const handleCollapseClick = () => {
+    setCollapseMenuOpen(!collapseMenuOpen);
+  };
 
-    const handleMenuItemClick = (path: string) => {
-        setActiveMenuItem(path);
-    };
+  const handleMenuItemClick = (path: string) => {
+    setActiveMenuItem(path);
+  };
 
-    return (
-        <aside
-            style={{backgroundColor: "#00497c"}}
-            className={tw`${
-                show ? showSidebar : hideSidebar
-            } z-9999 static left-0  top-0 flex h-screen w-14 flex-col overflow-x-hidden overflow-y-hidden bg-neutral-10 transition duration-150 ease-in-out dark:bg-neutral-2 lg:w-64`}
-        >
-            <div className="flex items-center justify-between gap-2 overflow-hidden px-0 py-5 lg:p-6">
-                <div className="mt-8 hidden w-full text-center font-semibold text-white lg:block">
-                    <Image
-                        src="/tub-logo.png"
-                        alt="TU Berlin Logo"
-                        width={125}
-                        height={90}
-                        priority
+  return (
+    <aside
+      style={{ backgroundColor: "#00497c" }}
+      className={tw`${
+        show ? showSidebar : hideSidebar
+      } z-9999 static left-0  top-0 flex h-screen w-14 flex-col overflow-x-hidden overflow-y-hidden bg-neutral-10 transition duration-150 ease-in-out dark:bg-neutral-2 lg:w-64`}
+    >
+      <div className="flex items-center justify-between gap-2 overflow-hidden px-0 py-5 lg:p-6">
+        <div className="mt-8 hidden w-full text-center font-semibold text-white lg:block">
+          <Image
+            src="/tub-logo.png"
+            alt="TU Berlin Logo"
+            width={125}
+            height={90}
+            priority
+          />
+        </div>
+      </div>
+      <Divider
+        flexItem
+        className="mx-8 mb-4 mt-9 hidden bg-neutral-40 lg:block"
+      />
+      <div className="flex w-full justify-center">
+        <IconButton size="large" className="text-white" onClick={onClose}>
+          <ChevronLeftIcon fontSize="inherit" />
+        </IconButton>
+      </div>
+      <div className="flex flex-col overflow-hidden overflow-y-auto">
+        <List className="mb-14 px-0 pb-4 text-white lg:mt-1 lg:px-4">
+          {menuEntries.map((menuEntry, idx) => {
+            return (
+              <ListItem
+                key={idx}
+                disablePadding
+                className="!overflow-hidden py-2"
+              >
+                {menuEntry.label !== "Entities" ? (
+                  <ListItemButton
+                    className="justify-center lg:justify-normal"
+                    LinkComponent={Link}
+                    href={menuEntry.to}
+                    disabled={menuEntry.disabled}
+                    selected={activeMenuItem === menuEntry.to}
+                    onClick={() => handleMenuItemClick(menuEntry.to)}
+                  >
+                    <ListItemIcon
+                      color="inherit"
+                      className="justify-center overflow-hidden text-white lg:justify-normal"
+                    >
+                      {menuEntry.icon}
+                    </ListItemIcon>
+                    <ListItemText
+                      primary={menuEntry.label}
+                      primaryTypographyProps={{
+                        color: "inherit",
+                      }}
+                      className="hidden lg:block"
                     />
-                </div>
-            </div>
-            <Divider
-                flexItem
-                className="mx-8 mb-4 mt-9 hidden bg-neutral-40 lg:block"
-            />
-            <div className="flex w-full justify-center">
-                <IconButton size="large" className="text-white" onClick={onClose}>
-                    <ChevronLeftIcon fontSize="inherit"/>
-                </IconButton>
-            </div>
-            <div className="flex flex-col overflow-hidden overflow-y-auto">
-                <List className="mb-14 px-0 pb-4 text-white lg:mt-1 lg:px-4">
-                    {menuEntries.map((menuEntry, idx) => {
-                        return (
-                            <ListItem
-                                key={idx}
-                                disablePadding
-                                className="!overflow-hidden py-2"
+                  </ListItemButton>
+                ) : (
+                  <div>
+                    <ListItemButton
+                      className="justify-center lg:justify-normal"
+                      disabled={menuEntry.disabled}
+                      selected={activeMenuItem === menuEntry.to}
+                      onClick={handleCollapseClick}
+                    >
+                      <ListItemIcon
+                        color="inherit"
+                        className="justify-center overflow-hidden text-white lg:justify-normal"
+                      >
+                        {menuEntry.icon}
+                      </ListItemIcon>
+                      <ListItemText
+                        primary={menuEntry.label}
+                        primaryTypographyProps={{
+                          color: "inherit",
+                        }}
+                        className="hidden lg:block"
+                      />
+                      {collapseMenuOpen ? <ExpandLess /> : <ExpandMore />}
+                    </ListItemButton>
+                    <Collapse
+                      in={collapseMenuOpen}
+                      timeout="auto"
+                      unmountOnExit
+                    >
+                      <List component="div" disablePadding>
+                        {menuEntityEntries.map((menuEntry, idx) => (
+                          <ListItemButton
+                            key={idx}
+                            sx={{ pl: 4 }}
+                            className="justify-center lg:justify-normal"
+                            LinkComponent={Link}
+                            href={menuEntry.to}
+                            disabled={menuEntry.disabled}
+                            selected={activeMenuItem === menuEntry.to}
+                            onClick={() => handleMenuItemClick(menuEntry.to)}
+                          >
+                            <ListItemIcon
+                              color="inherit"
+                              className="justify-center overflow-hidden text-white lg:justify-normal"
                             >
-                                {menuEntry.label !== "Entities" ?
-                                    <ListItemButton
-                                        className="justify-center lg:justify-normal"
-                                        LinkComponent={Link}
-                                        href={menuEntry.to}
-                                        disabled={menuEntry.disabled}
-                                        selected={activeMenuItem === menuEntry.to}
-                                        onClick={() => handleMenuItemClick(menuEntry.to)}
-                                    >
-                                        <ListItemIcon
-                                            color="inherit"
-                                            className="justify-center overflow-hidden text-white lg:justify-normal"
-                                        >
-                                            {menuEntry.icon}
-                                        </ListItemIcon>
-                                        <ListItemText
-                                            primary={menuEntry.label}
-                                            primaryTypographyProps={{
-                                                color: "inherit",
-                                            }}
-                                            className="hidden lg:block"
-                                        />
-                                    </ListItemButton>
-                                    :
-                                    <div>
-                                        <ListItemButton
-                                            className="justify-center lg:justify-normal"
-                                            disabled={menuEntry.disabled}
-                                            selected={activeMenuItem === menuEntry.to}
-                                            onClick={handleCollapseClick}>
-                                            <ListItemIcon
-                                                color="inherit"
-                                                className="justify-center overflow-hidden text-white lg:justify-normal"
-                                            >
-                                                {menuEntry.icon}
-                                            </ListItemIcon>
-                                            <ListItemText
-                                                primary={menuEntry.label}
-                                                primaryTypographyProps={{
-                                                    color: "inherit",
-                                                }}
-                                                className="hidden lg:block"
-                                            />
-                                            {collapseMenuOpen ? <ExpandLess/> : <ExpandMore/>}
-                                        </ListItemButton>
-                                        <Collapse in={collapseMenuOpen} timeout="auto" unmountOnExit>
-                                            <List component="div" disablePadding>
-                                                {menuEntityEntries.map((menuEntry, idx) => (
-                                                    <ListItemButton key={idx} sx={{pl: 4}}
-                                                                    className="justify-center lg:justify-normal"
-                                                                    LinkComponent={Link}
-                                                                    href={menuEntry.to}
-                                                                    disabled={menuEntry.disabled}
-                                                                    selected={activeMenuItem === menuEntry.to}
-                                                                    onClick={() => handleMenuItemClick(menuEntry.to)}
-                                                    >
-                                                        <ListItemIcon
-                                                            color="inherit"
-                                                            className="justify-center overflow-hidden text-white lg:justify-normal"
-                                                        >
-                                                            {menuEntry.icon}
-                                                        </ListItemIcon>
-                                                        <ListItemText
-                                                            primary={menuEntry.label}
-                                                            primaryTypographyProps={{
-                                                                color: "inherit",
-                                                            }}
-                                                            className="hidden lg:block"
-                                                        />
-                                                    </ListItemButton>
-                                                ))}
-                                            </List>
-                                        </Collapse>
-                                    </div>
-                                }
-                            </ListItem>
-                        );
-                    })}
-                </List>
-            </div>
-        </aside>
-    );
+                              {menuEntry.icon}
+                            </ListItemIcon>
+                            <ListItemText
+                              primary={menuEntry.label}
+                              primaryTypographyProps={{
+                                color: "inherit",
+                              }}
+                              className="hidden lg:block"
+                            />
+                          </ListItemButton>
+                        ))}
+                      </List>
+                    </Collapse>
+                  </div>
+                )}
+              </ListItem>
+            );
+          })}
+        </List>
+      </div>
+    </aside>
+  );
 }
diff --git a/pkgs/ui/src/mock/client_1/index.ts b/pkgs/ui/src/mock/client_1/index.ts
index fbbe0d5..658b51e 100644
--- a/pkgs/ui/src/mock/client_1/index.ts
+++ b/pkgs/ui/src/mock/client_1/index.ts
@@ -17,124 +17,124 @@ export const Client1SummaryDetails = [
 
 export const Client1ConsumerData = [
   {
-    "service_name": "Carlo's Printing",
-    "service_type": "3D Printing",
-    "end_point": "Consume",
-    "producer": "C2",
-    "producer_did": "did:sov:test:1223",
-    "network": "Carlo's Home Network",
+    service_name: "Carlo's Printing",
+    service_type: "3D Printing",
+    end_point: "Consume",
+    producer: "C2",
+    producer_did: "did:sov:test:1223",
+    network: "Carlo's Home Network",
   },
   {
-    "service_name": "Steve's Printing",
-    "service_type": "3D Printing",
-    "end_point": "Consume",
-    "producer": "C2",
-    "producer_did": "did:sov:test:1234",
-    "network": "Steve's Home Network",
+    service_name: "Steve's Printing",
+    service_type: "3D Printing",
+    end_point: "Consume",
+    producer: "C2",
+    producer_did: "did:sov:test:1234",
+    network: "Steve's Home Network",
   },
   {
-    "service_name": "Test A",
-    "service_type": "3D Printing",
-    "end_point": "Consume",
-    "producer": "C2",
-    "producer_did": "did:sov:test:4567",
-    "network": "Test Network A",
+    service_name: "Test A",
+    service_type: "3D Printing",
+    end_point: "Consume",
+    producer: "C2",
+    producer_did: "did:sov:test:4567",
+    network: "Test Network A",
   },
   {
-    "service_name": "Test B",
-    "service_type": "3D Printing",
-    "end_point": "Consume",
-    "producer": "C2",
-    "producer_did": "did:sov:test:0062",
-    "network": "Test Network B",
+    service_name: "Test B",
+    service_type: "3D Printing",
+    end_point: "Consume",
+    producer: "C2",
+    producer_did: "did:sov:test:0062",
+    network: "Test Network B",
   },
-]
+];
 
 export const Client1ConsumerTableConfig = [
   {
     key: "service_name",
-    label: "Service name"
+    label: "Service name",
   },
   {
     key: "service_type",
-    label: "Service Type"
+    label: "Service Type",
   },
   {
     key: "end_point",
-    label: "End Point"
+    label: "End Point",
   },
   {
     key: "producer",
-    label: "Producer"
+    label: "Producer",
   },
   {
     key: "producer_did",
-    label: "Producer DID"
+    label: "Producer DID",
   },
   {
     key: "network",
-    label: "Network"
-  }
-]
+    label: "Network",
+  },
+];
 
 export const Client1ProducerData = [
   {
-    "service_name": "Carlo's Printing",
-    "service_type": "3D Printing",
-    "end_point": "URL",
-    "usage": "C1(3), C3(4)",
-    "status": "DRAFT, REGISTERED",
-    "action": "Register, Deregister, Delete",
+    service_name: "Carlo's Printing",
+    service_type: "3D Printing",
+    end_point: "URL",
+    usage: "C1(3), C3(4)",
+    status: "DRAFT, REGISTERED",
+    action: "Register, Deregister, Delete",
   },
   {
-    "service_name": "Steve's Printing",
-    "service_type": "3D Printing",
-    "end_point": "URL",
-    "usage": "C1(3), C3(4)",
-    "status": "REGISTERED",
-    "action": "Create",
+    service_name: "Steve's Printing",
+    service_type: "3D Printing",
+    end_point: "URL",
+    usage: "C1(3), C3(4)",
+    status: "REGISTERED",
+    action: "Create",
   },
   {
-    "service_name": "Test Printing A",
-    "service_type": "3D Printing",
-    "end_point": "URL",
-    "usage": "C1(3), C3(4)",
-    "status": "DRAFT",
-    "action": "Register, Deregister",
+    service_name: "Test Printing A",
+    service_type: "3D Printing",
+    end_point: "URL",
+    usage: "C1(3), C3(4)",
+    status: "DRAFT",
+    action: "Register, Deregister",
   },
   {
-    "service_name": "Test Printing B",
-    "service_type": "3D Printing",
-    "end_point": "URL",
-    "usage": "C1(3), C3(4)",
-    "status": "DRAFT, REGISTERED",
-    "action": "Delete, Create",
+    service_name: "Test Printing B",
+    service_type: "3D Printing",
+    end_point: "URL",
+    usage: "C1(3), C3(4)",
+    status: "DRAFT, REGISTERED",
+    action: "Delete, Create",
   },
-]
+];
 
 export const Client1ProducerTableConfig = [
   {
     key: "service_name",
-    label: "Service name"
+    label: "Service name",
   },
   {
     key: "service_type",
-    label: "Service Type"
+    label: "Service Type",
   },
   {
     key: "end_point",
-    label: "End Point"
+    label: "End Point",
   },
   {
     key: "usage",
-    label: "Usage"
+    label: "Usage",
   },
   {
     key: "status",
-    label: "Status"
+    label: "Status",
   },
   {
     key: "action",
-    label: "Action"
-  }
-]
\ No newline at end of file
+    label: "Action",
+  },
+];
diff --git a/pkgs/ui/src/mock/client_2/index.ts b/pkgs/ui/src/mock/client_2/index.ts
index 8898587..b0105fd 100644
--- a/pkgs/ui/src/mock/client_2/index.ts
+++ b/pkgs/ui/src/mock/client_2/index.ts
@@ -17,124 +17,124 @@ export const Client2SummaryDetails = [
 
 export const Client2ConsumerData = [
   {
-    "service_name": "Carlo's Printing",
-    "service_type": "3D Printing",
-    "end_point": "Consume",
-    "producer": "C2",
-    "producer_did": "did:sov:test:1223",
-    "network": "Carlo's Home Network",
+    service_name: "Carlo's Printing",
+    service_type: "3D Printing",
+    end_point: "Consume",
+    producer: "C2",
+    producer_did: "did:sov:test:1223",
+    network: "Carlo's Home Network",
   },
   {
-    "service_name": "Steve's Printing",
-    "service_type": "3D Printing",
-    "end_point": "Consume",
-    "producer": "C2",
-    "producer_did": "did:sov:test:1234",
-    "network": "Steve's Home Network",
+    service_name: "Steve's Printing",
+    service_type: "3D Printing",
+    end_point: "Consume",
+    producer: "C2",
+    producer_did: "did:sov:test:1234",
+    network: "Steve's Home Network",
   },
   {
-    "service_name": "Test A",
-    "service_type": "3D Printing",
-    "end_point": "Consume",
-    "producer": "C2",
-    "producer_did": "did:sov:test:4567",
-    "network": "Test Network A",
+    service_name: "Test A",
+    service_type: "3D Printing",
+    end_point: "Consume",
+    producer: "C2",
+    producer_did: "did:sov:test:4567",
+    network: "Test Network A",
   },
   {
-    "service_name": "Test B",
-    "service_type": "3D Printing",
-    "end_point": "Consume",
-    "producer": "C2",
-    "producer_did": "did:sov:test:0062",
-    "network": "Test Network B",
+    service_name: "Test B",
+    service_type: "3D Printing",
+    end_point: "Consume",
+    producer: "C2",
+    producer_did: "did:sov:test:0062",
+    network: "Test Network B",
   },
-]
+];
 
 export const Client2ConsumerTableConfig = [
   {
     key: "service_name",
-    label: "Service name"
+    label: "Service name",
   },
   {
     key: "service_type",
-    label: "Service Type"
+    label: "Service Type",
   },
   {
     key: "end_point",
-    label: "End Point"
+    label: "End Point",
   },
   {
     key: "producer",
-    label: "Producer"
+    label: "Producer",
   },
   {
     key: "producer_did",
-    label: "Producer DID"
+    label: "Producer DID",
   },
   {
     key: "network",
-    label: "Network"
-  }
-]
+    label: "Network",
+  },
+];
 
 export const Client2ProducerData = [
   {
-    "service_name": "Carlo's Printing",
-    "service_type": "3D Printing",
-    "end_point": "URL",
-    "usage": "C1(3), C3(4)",
-    "status": "DRAFT, REGISTERED",
-    "action": "Register, Deregister, Delete",
+    service_name: "Carlo's Printing",
+    service_type: "3D Printing",
+    end_point: "URL",
+    usage: "C1(3), C3(4)",
+    status: "DRAFT, REGISTERED",
+    action: "Register, Deregister, Delete",
   },
   {
-    "service_name": "Steve's Printing",
-    "service_type": "3D Printing",
-    "end_point": "URL",
-    "usage": "C1(3), C3(4)",
-    "status": "REGISTERED",
-    "action": "Create",
+    service_name: "Steve's Printing",
+    service_type: "3D Printing",
+    end_point: "URL",
+    usage: "C1(3), C3(4)",
+    status: "REGISTERED",
+    action: "Create",
   },
   {
-    "service_name": "Test Printing A",
-    "service_type": "3D Printing",
-    "end_point": "URL",
-    "usage": "C1(3), C3(4)",
-    "status": "DRAFT",
-    "action": "Register, Deregister",
+    service_name: "Test Printing A",
+    service_type: "3D Printing",
+    end_point: "URL",
+    usage: "C1(3), C3(4)",
+    status: "DRAFT",
+    action: "Register, Deregister",
   },
   {
-    "service_name": "Test Printing B",
-    "service_type": "3D Printing",
-    "end_point": "URL",
-    "usage": "C1(3), C3(4)",
-    "status": "DRAFT, REGISTERED",
-    "action": "Delete, Create",
+    service_name: "Test Printing B",
+    service_type: "3D Printing",
+    end_point: "URL",
+    usage: "C1(3), C3(4)",
+    status: "DRAFT, REGISTERED",
+    action: "Delete, Create",
   },
-]
+];
 
 export const Client2ProducerTableConfig = [
   {
     key: "service_name",
-    label: "Service name"
+    label: "Service name",
   },
   {
     key: "service_type",
-    label: "Service Type"
+    label: "Service Type",
   },
   {
     key: "end_point",
-    label: "End Point"
+    label: "End Point",
   },
   {
     key: "usage",
-    label: "Usage"
+    label: "Usage",
   },
   {
     key: "status",
-    label: "Status"
+    label: "Status",
   },
   {
     key: "action",
-    label: "Action"
-  }
-]
+    label: "Action",
+  },
+];