IoSL/service-aware-frontend
3
0
Fork 0
generated from Luis/nextjs-python-web-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ran format command
All checks were successful
checks-impure / test (pull_request) Successful in 25s
Details
checks / test (pull_request) Successful in 2m47s
Details

Browse Source
This commit is contained in:
sara-pervana
2023-11-21 18:09:58 +01:00
parent 250b21323b
commit 023f5e82a5
5 changed files with 88 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
pkgs/ui/src/components/table/index.tsx
View File

@@ -1,27 +1,29 @@
import React from "react";
import Table from '@mui/material/Table';
import TableBody from '@mui/material/TableBody';
import TableContainer from '@mui/material/TableContainer';
import TableHead from '@mui/material/TableHead';
import TableRow from '@mui/material/TableRow';
import Paper from '@mui/material/Paper';
import Table from "@mui/material/Table";
import TableBody from "@mui/material/TableBody";
import TableContainer from "@mui/material/TableContainer";
import TableHead from "@mui/material/TableHead";
import TableRow from "@mui/material/TableRow";
import Paper from "@mui/material/Paper";
import { NoDataOverlay } from "@/components/noDataOverlay";
import { StyledTableCell, StyledTableRow } from "./style";
import { ICustomTable, CustomTableConfiguration } from "@/types";
const CustomTable = ({ configuration, data }: ICustomTable) => {
// display empty icon in case there is no data
if (!data || data.length === 0)
return <NoDataOverlay label="No Activity yet" />
const renderTableCell = (value: any, cellKey: string, render?: (param: any) => void | undefined) => {
return <NoDataOverlay label="No Activity yet" />;
const renderTableCell = (
value: any,
cellKey: string,
render?: (param: any) => void | undefined,
) => {
let renderedValue = value;
// cover use case if the data is an array
if (Array.isArray(value)) renderedValue = value.join(', ')
if (Array.isArray(value)) renderedValue = value.join(", ");
// cover use case if we want to render a component
if (render) renderedValue = render(value);
@@ -31,8 +33,7 @@ const CustomTable = ({ configuration, data }: ICustomTable) => {
{renderedValue}
</StyledTableCell>
);
}
};
return (
<TableContainer component={Paper}>
@@ -40,9 +41,7 @@ const CustomTable = ({ configuration, data }: ICustomTable) => {
<TableHead>
<TableRow>
{configuration.map((header: CustomTableConfiguration) => (
<StyledTableCell key={header.key}>
{header.label}
</StyledTableCell>
<StyledTableCell key={header.key}>{header.label}</StyledTableCell>
))}
</TableRow>
</TableHead>
@@ -60,7 +59,7 @@ const CustomTable = ({ configuration, data }: ICustomTable) => {
</TableBody>
</Table>
</TableContainer>
)
}
);
};
export default CustomTable;

10
pkgs/ui/src/components/table/style.tsx
View File

@@ -1,6 +1,6 @@
import { styled } from '@mui/material/styles';
import TableCell, { tableCellClasses } from '@mui/material/TableCell';
import TableRow from '@mui/material/TableRow';
import { styled } from "@mui/material/styles";
import TableCell, { tableCellClasses } from "@mui/material/TableCell";
import TableRow from "@mui/material/TableRow";
export const StyledTableCell = styled(TableCell)(({ theme }) => ({
[`&.${tableCellClasses.head}`]: {
@@ -13,11 +13,11 @@ export const StyledTableCell = styled(TableCell)(({ theme }) => ({
}));
export const StyledTableRow = styled(TableRow)(({ theme }) => ({
'&:nth-of-type(odd)': {
"&:nth-of-type(odd)": {
backgroundColor: theme.palette.action.hover,
},
// hide last border
'&:last-child td, &:last-child th': {
"&:last-child td, &:last-child th": {
border: 0,
},
}));

88
pkgs/ui/src/mock/access-point/index.ts
View File

@@ -2,91 +2,91 @@
export const APAttachmentsDummyData = [
{
"entity_name": "C1",
"entity_DID": "did:sov:test:1234",
"network": "Carlo's Home Network",
"ip_address": "127.0.0.1",
entity_name: "C1",
entity_DID: "did:sov:test:1234",
network: "Carlo's Home Network",
ip_address: "127.0.0.1",
},
{
"entity_name": "C2",
"entity_DID": "did:sov:test:4567",
"network": "Steve's Home Network",
"ip_address": "127.0.0.1",
entity_name: "C2",
entity_DID: "did:sov:test:4567",
network: "Steve's Home Network",
ip_address: "127.0.0.1",
},
{
"entity_name": "C1-TEST",
"entity_DID": "did:sov:test:0001",
"network": "Test Network A",
"ip_address": "127.0.0.1",
entity_name: "C1-TEST",
entity_DID: "did:sov:test:0001",
network: "Test Network A",
ip_address: "127.0.0.1",
},
{
"entity_name": "C2-TEST",
"entity_DID": "did:sov:test:0002",
"network": "Test Network B",
"ip_address": "127.0.0.1",
}
]
entity_name: "C2-TEST",
entity_DID: "did:sov:test:0002",
network: "Test Network B",
ip_address: "127.0.0.1",
},
];
export const APAttachmentsTableConfig = [
{
key: "entity_name",
label: "Entity name"
label: "Entity name",
},
{
key: "entity_DID",
label: "Entity DID"
label: "Entity DID",
},
{
key: "network",
label: "Network"
label: "Network",
},
{
key: "ip_address",
label: "IP address"
}
]
label: "IP address",
},
];
// AP - Service Repository
export const APServiceRepositoryDummyData = [
{
"service_name": "Carlo's Printing",
"service_type": "3D Printing",
"end_point": "URL",
"producer": "C1",
"producer_DID": "did:sov:test:1234",
"network": "Carlo's Home Network",
service_name: "Carlo's Printing",
service_type: "3D Printing",
end_point: "URL",
producer: "C1",
producer_DID: "did:sov:test:1234",
network: "Carlo's Home Network",
},
{
"service_name": "Jeff's Printing",
"service_type": "3D Printing",
"end_point": "URL",
"producer": "C2",
"producer_DID": "did:sov:test:5678",
"network": "Jeff's Home Network",
service_name: "Jeff's Printing",
service_type: "3D Printing",
end_point: "URL",
producer: "C2",
producer_DID: "did:sov:test:5678",
network: "Jeff's Home Network",
},
]
];
export const APServiceRepositoryTableConfig = [
{
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",
},
]
];

31
pkgs/ui/src/mock/dlg/index.ts
View File

@@ -1,34 +1,33 @@
export const DLGResolutionDummyData = [
{
"requester_name": "C1",
"requester_DID": "did:sov:test:1234",
"DID_resolved": "did:sov:test:1234",
"timestamp": "2023.11.01 17:05:45",
requester_name: "C1",
requester_DID: "did:sov:test:1234",
DID_resolved: "did:sov:test:1234",
timestamp: "2023.11.01 17:05:45",
},
{
"requester_name": "C2",
"requester_DID": "did:sov:test:5678",
"DID_resolved": "did:sov:test:5678",
"timestamp": "2023.12.01 15:05:50",
requester_name: "C2",
requester_DID: "did:sov:test:5678",
DID_resolved: "did:sov:test:5678",
timestamp: "2023.12.01 15:05:50",
},
]
];
export const DLGResolutionTableConfig = [
{
key: "requester_name",
label: "Requester name"
label: "Requester name",
},
{
key: "requester_DID",
label: "Requester DID"
label: "Requester DID",
},
{
key: "DID_resolved",
label: "DID resolved"
label: "DID resolved",
},
{
key: "timestamp",
label: "Timestamp"
}
]
label: "Timestamp",
},
];

4
pkgs/ui/src/types/index.ts
View File

@@ -5,6 +5,6 @@ export interface CustomTableConfiguration {
}
export interface ICustomTable {
configuration: CustomTableConfiguration[],
data: any
configuration: CustomTableConfiguration[];
data: any;
}