4nk/skeleton
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Display all commitments for each process

Browse Source
This commit is contained in:
Sosthene 2025-06-13 16:12:13 +02:00
parent 512d981b1b
commit a71dc88407
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/ProcessesViewer.tsx
View File

@ -4,6 +4,7 @@ import './ProcessesViewer.css';
interface BlockState { interface BlockState {
commited_in: string; commited_in: string;
state_id: string; state_id: string;
pcd_commitment: Record<string, string>;
public_data: { public_data: {
memberPublicName?: string | number[]; memberPublicName?: string | number[];
pairedAddresses?: string[] | number[]; pairedAddresses?: string[] | number[];
@ -128,19 +129,29 @@ function ProcessesViewer({ processes, myProcesses }: ProcessesViewerProps) {
{isExpanded && ( {isExpanded && (
<div className="block-details"> <div className="block-details">
<div className="block-complete-id"> <div className="block-complete-id">
<strong>ID complet:</strong> {processId} <strong>Process ID:</strong> {processId}
</div> </div>
{process.states.map((state, index) => { {process.states.map((state, index) => {
if (index === stateCount - 1) return null; if (index === stateCount) return null;
return ( return (
<div key={`${processId}-state-${index}`} className="state-item"> <div key={`${processId}-state-${index}`} className="state-item">
<h4>État {index + 1}</h4> <h4>État {index + 1}</h4>
<div className="state-detail"> <div className="state-detail">
<strong>State ID:</strong> {state.state_id} <strong>TransactionId:</strong> {state.commited_in}
</div> </div>
<div className="state-detail"> <div className="state-detail">
<strong>Commited dans:</strong> {state.commited_in} <strong>Empreinte totale de l'état:</strong> {state.state_id}
</div>
<div className="state-detail">
<strong>Empreinte par information:</strong>
<ul>
{Object.entries(state.pcd_commitment).map(([key, value]) => (
<div key={key}>
<strong>{key}:</strong> {value}
</div>
))}
</ul>
</div> </div>
<div className="state-public-data"> <div className="state-public-data">