generated from Luis/nextjs-python-web-template
127 lines
2.8 KiB
TypeScript
127 lines
2.8 KiB
TypeScript
import { Button, IconButton, Tooltip } from "@mui/material";
|
|
import AddCircleIcon from "@mui/icons-material/AddCircle";
|
|
import RemoveCircleIcon from "@mui/icons-material/RemoveCircle";
|
|
import DeleteIcon from "@mui/icons-material/Delete";
|
|
|
|
export const ClientTableConfig = [
|
|
{
|
|
key: "service_name",
|
|
label: "Service name",
|
|
},
|
|
{
|
|
key: "service_type",
|
|
label: "Service Type",
|
|
},
|
|
{
|
|
key: "endpoint_url",
|
|
label: "End Point",
|
|
render: () => {
|
|
return (
|
|
<Button disabled variant="outlined">
|
|
Consume
|
|
</Button>
|
|
);
|
|
},
|
|
},
|
|
// {
|
|
// key: "entity",
|
|
// label: "Entity",
|
|
// },
|
|
{
|
|
key: "entity_did",
|
|
label: "Entity DID",
|
|
},
|
|
// {
|
|
// key: "network",
|
|
// label: "Network",
|
|
// },
|
|
];
|
|
|
|
export const ServiceTableConfig = [
|
|
{
|
|
key: "service_name",
|
|
label: "Service name",
|
|
},
|
|
{
|
|
key: "service_type",
|
|
label: "Service Type",
|
|
},
|
|
{
|
|
key: "endpoint_url",
|
|
label: "End Point",
|
|
},
|
|
{
|
|
key: "entity_did",
|
|
label: "Entity DID",
|
|
},
|
|
{
|
|
key: "usage",
|
|
label: "Usage",
|
|
render: (value: any) => {
|
|
let renderedValue = "";
|
|
|
|
if (value.length > 0) {
|
|
renderedValue = value.map((item: any, index: number) => {
|
|
return (
|
|
<div key={index}>
|
|
{item.consumer_entity_did} ({item.times_consumed})
|
|
</div>
|
|
);
|
|
});
|
|
}
|
|
return renderedValue;
|
|
},
|
|
},
|
|
{
|
|
key: "status",
|
|
label: "Status",
|
|
render: (value: any) => {
|
|
let renderedValue: any = "";
|
|
if (Array.isArray(value.data)) {
|
|
renderedValue = value.data.join(", ");
|
|
} else {
|
|
console.error("Status is not an array", value);
|
|
}
|
|
return renderedValue;
|
|
},
|
|
},
|
|
{
|
|
key: "action",
|
|
label: "Actions",
|
|
render: () => {
|
|
return (
|
|
<>
|
|
<Tooltip title="Register" placement="top">
|
|
<IconButton disabled size="small">
|
|
<AddCircleIcon />
|
|
</IconButton>
|
|
</Tooltip>
|
|
|
|
<Tooltip title="De-register" placement="top">
|
|
<IconButton disabled size="small">
|
|
<RemoveCircleIcon />
|
|
</IconButton>
|
|
</Tooltip>
|
|
<Tooltip title="Delete" placement="top">
|
|
<IconButton disabled size="small" color="secondary">
|
|
<DeleteIcon />
|
|
</IconButton>
|
|
</Tooltip>
|
|
</>
|
|
);
|
|
// let renderedValue: any = "";
|
|
// if (typeof value === "object")
|
|
// renderedValue = (
|
|
// <>
|
|
// {[...value.data, { name: 'Delete', endpoint: '' }].map((actionType: any) => (
|
|
// <>
|
|
// <Button disabled style={{ marginRight: 8 }} variant="outlined" size="small">{actionType.name}</Button>
|
|
// </>
|
|
// ))}
|
|
// </>
|
|
// );
|
|
// return renderedValue;
|
|
},
|
|
},
|
|
];
|