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

fixing some failuers on build

Browse Source
This commit is contained in:
sara-pervana
2024-01-25 01:46:59 +01:00
committed by Sara Pervana
parent 7779441c87
commit 711ade4866
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
pkgs/ui/src/components/sequence_diagram/index.tsx
View File

@@ -257,7 +257,7 @@ const SequenceDiagram = () => {
timestamp, timestamp,
src_did, src_did,
des_did, des_did,
msg, // msg, TODO: Need to use the content inside the msg to display in the diagram
} = message; } = message;
const formattedTimeStamp = formatDateTime(timestamp); const formattedTimeStamp = formatDateTime(timestamp);
@@ -265,12 +265,15 @@ const SequenceDiagram = () => {
getGroupById(group); getGroupById(group);
return ( return (
<div className="flex items-center gap-5 mb-8"> <div
key={index}
className="flex items-center gap-5 mb-8"
>
<Chip label={sequenceNr ? sequenceNr : ++index} /> <Chip label={sequenceNr ? sequenceNr : ++index} />
<Card className="w-full p-2"> <Card className="p-2 w-full">
<div className="flex justify-between mb-4"> <div className="flex justify-between mb-4">
<div> <div>
<span className="font-bold flex gap-2 items-center mb-4"> <span className="flex items-center gap-2 font-bold mb-4">
{IconComponent} {groupName}{" "} {IconComponent} {groupName}{" "}
<Chip label={msgType} /> <Chip label={msgType} />
</span> </span>
@@ -290,7 +293,7 @@ const SequenceDiagram = () => {
Event Message {sequenceNr ? sequenceNr : index++} Event Message {sequenceNr ? sequenceNr : index++}
</span> </span>
<div <div
className="flex mt-4" className="mt-4 flex"
style={{ style={{
border: "1px solid #f1f1f1", border: "1px solid #f1f1f1",
borderRadius: 5, borderRadius: 5,
@@ -299,7 +302,7 @@ const SequenceDiagram = () => {
<pre className="flex-1 p-2"> <pre className="flex-1 p-2">
{JSON.stringify(message, null, 2)} {JSON.stringify(message, null, 2)}
</pre> </pre>
<div className="flex-shrink-0 p-2"> <div className="shrink-0 p-2">
<CopyToClipboard textToCopy={message} /> <CopyToClipboard textToCopy={message} />
</div> </div>
</div> </div>