Initial commit: Pezkuwi SDK UI

Comprehensive web interface for interacting with Pezkuwi blockchain. Features: - Blockchain explorer - Wallet management - Staking interface - Governance participation - Developer tools Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-07-23 14:15:53 +00:00 · 2026-01-19 13:55:36 +03:00
commit d949863789
5831 changed files with 327739 additions and 0 deletions
@@ -0,0 +1,73 @@
+// Copyright 2017-2026 @pezkuwi/app-coretime authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ChainInformation, ChainWorkTaskInformation } from '@pezkuwi/react-hooks/types';
+import type { RelayName } from './types.js';
+
+import React from 'react';
+
+import { ExpandButton } from '@pezkuwi/react-components';
+import { useToggle } from '@pezkuwi/react-hooks';
+
+import Row from './Row.js';
+
+interface Props {
+  chain: ChainInformation
+  regionEnd: number
+  regionBegin: number
+  lastCommittedTimeslice: number
+  relayName: RelayName
+}
+
+function ParachainTableRow ({ chain, lastCommittedTimeslice, regionBegin, regionEnd, relayName }: Props): React.ReactElement<Props> {
+  const [isExpanded, toggleIsExpanded] = useToggle(false);
+  const info = chain.workTaskInfo;
+  const firstRecord = chain.workTaskInfo[0];
+  const multiple = info.length > 1;
+  const expandedContent = info.slice(1);
+
+  if (!firstRecord) {
+    return <></>;
+  }
+
+  const renderRow = (record: ChainWorkTaskInformation, idx: number, highlight = false) =>
+    <>
+      <Row
+        chainRecord={record}
+        highlight={highlight}
+        id={chain.id}
+        lastCommittedTimeslice={lastCommittedTimeslice}
+        lease={chain.lease}
+        regionBegin={regionBegin}
+        regionEnd={regionEnd}
+        relayName={relayName}
+      />
+      {idx === 0 && <td style={{ paddingRight: '2rem', textAlign: 'right', verticalAlign: 'top' }}>
+
+        {!!multiple &&
+          <ExpandButton
+            expanded={isExpanded}
+            onClick={toggleIsExpanded}
+          />
+        }
+      </td>}
+    </>;
+
+  return (
+    <>
+      <tr
+        className={`isExpanded isFirst ${isExpanded ? '' : 'isLast'}`}
+        key={chain.id}
+      >
+        {renderRow(firstRecord, 0)}
+      </tr>
+      {isExpanded && expandedContent?.map((infoRow, idx) =>
+        <tr key={`${chain.id}${idx}`}>
+          {renderRow(infoRow, idx + 1, true)}
+        </tr>
+      )}
+    </>
+  );
+}
+
+export default React.memo(ParachainTableRow);