feat: initial Pezkuwi Apps rebrand from polkadot-apps

Rebranded terminology: - Polkadot → Pezkuwi - Kusama → Dicle - Westend → Zagros - Rococo → PezkuwiChain - Substrate → Bizinikiwi - parachain → teyrchain Custom logos with Kurdistan brand colors (#e6007a → #86e62a): - bizinikiwi-hexagon.svg - sora-bizinikiwi.svg - hezscanner.svg - heztreasury.svg - pezkuwiscan.svg - pezkuwistats.svg - pezkuwiassembly.svg - pezkuwiholic.svg
2026-06-20 15:11:05 +00:00 · 2026-01-07 13:05:27 +03:00
commit d21bfb1320
5867 changed files with 329019 additions and 0 deletions
@@ -0,0 +1,109 @@
+// Copyright 2017-2025 @pezkuwi/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyedEvent } from '@pezkuwi/react-hooks/ctx/types';
+import type { GenericExtrinsic } from '@pezkuwi/types';
+import type { BlockNumber, Extrinsic } from '@pezkuwi/types/interfaces';
+import type { Vec } from '@pezkuwi/types-codec';
+import type { AnyTuple } from '@pezkuwi/types-codec/types';
+import type { BN } from '@pezkuwi/util';
+
+import React, { useMemo } from 'react';
+
+import { styled, Table, Toggle } from '@pezkuwi/react-components';
+import { useAccounts, useToggle } from '@pezkuwi/react-hooks';
+import { isEventFromMyAccounts } from '@pezkuwi/react-hooks/utils/isEventFromMyAccounts';
+
+import { useTranslation } from '../translate.js';
+import ExtrinsicDisplay from './Extrinsic.js';
+
+interface Props {
+  blockNumber?: BlockNumber;
+  className?: string;
+  events?: KeyedEvent[] | null;
+  label?: React.ReactNode;
+  maxBlockWeight?: BN;
+  value?: Extrinsic[] | null;
+  withLink: boolean;
+}
+
+function Extrinsics ({ blockNumber, className = '', events, label, maxBlockWeight, value, withLink }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { allAccounts } = useAccounts();
+  const [showOnlyUserEvents, onToggleUserEvents] = useToggle();
+
+  const header = useMemo<[React.ReactNode?, string?, number?][]>(
+    () => [
+      [label || t('extrinsics'), 'start', 2],
+      [t('events'), 'start media--1000', 2],
+      [t('weight'), 'media--1400'],
+      [
+        <EventsToggle
+          key='eventsToggle'
+          onToggleUserEvents={onToggleUserEvents}
+          showOnlyUserEvents={showOnlyUserEvents}
+        />,
+        'end media--1000'
+      ]
+    ],
+    [label, onToggleUserEvents, showOnlyUserEvents, t]
+  );
+
+  const filteredEvents = useMemo(() => {
+    if (!showOnlyUserEvents) {
+      return events;
+    }
+
+    return events?.filter((event) => isEventFromMyAccounts(event.record, value as Vec<GenericExtrinsic<AnyTuple>>, undefined, allAccounts));
+  }, [allAccounts, events, showOnlyUserEvents, value]);
+
+  return (
+    <Table
+      className={className}
+      empty={t('No extrinsics available')}
+      header={header}
+      isFixed
+    >
+      {value?.map((extrinsic, index): React.ReactNode =>
+        <ExtrinsicDisplay
+          blockNumber={blockNumber}
+          events={filteredEvents}
+          index={index}
+          key={`extrinsic:${index}`}
+          maxBlockWeight={maxBlockWeight}
+          value={extrinsic}
+          withLink={withLink}
+        />
+      )}
+    </Table>
+  );
+}
+
+interface EventsToggleProps {
+  showOnlyUserEvents: boolean;
+  onToggleUserEvents: () => void;
+}
+
+const EventsToggle = ({ onToggleUserEvents, showOnlyUserEvents }: EventsToggleProps) => {
+  const { t } = useTranslation();
+
+  return (
+    <StyledDiv>
+      <Toggle
+        label={t('Show my events')}
+        onChange={onToggleUserEvents}
+        value={showOnlyUserEvents}
+      />
+    </StyledDiv>
+  );
+};
+
+const StyledDiv = styled.div`
+  .ui--Toggle {
+    label{
+      font-size: var(--font-size-base);
+    }
+  }
+`;
+
+export default React.memo(Extrinsics);