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-04-30 03:48:03 +00:00 · 2026-01-07 13:05:27 +03:00
commit d21bfb1320
5867 changed files with 329019 additions and 0 deletions
@@ -0,0 +1,194 @@
+// Copyright 2017-2025 @pezkuwi/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveReferendumExt } from '@pezkuwi/api-derive/types';
+import type { Balance } from '@pezkuwi/types/interfaces';
+
+import React, { useMemo } from 'react';
+
+import { Badge, Button, Columar, ExpandButton, Icon, LinkExternal, Progress, Table } from '@pezkuwi/react-components';
+import { useAccounts, useApi, useBestNumber, useCall, useToggle } from '@pezkuwi/react-hooks';
+import { BlockToTime } from '@pezkuwi/react-query';
+import { BN, BN_ONE, formatNumber, isBoolean } from '@pezkuwi/util';
+
+import { useTranslation } from '../translate.js';
+import useChangeCalc from '../useChangeCalc.js';
+import PreImageButton from './PreImageButton.js';
+import ProposalCell from './ProposalCell.js';
+import ReferendumVotes from './ReferendumVotes.js';
+import Voting from './Voting.js';
+
+interface Props {
+  className?: string;
+  value: DeriveReferendumExt;
+}
+
+interface Percentages {
+  aye: string;
+  nay: string;
+  turnout: string;
+}
+
+interface VoteType {
+  hasVoted: boolean;
+  hasVotedAye: boolean;
+}
+
+function percentage (val: BN, div: BN): string {
+  return Math.min(100, val.muln(10000).div(div).toNumber() / 100).toFixed(2);
+}
+
+function Referendum ({ className = '', value: { allAye, allNay, image, imageHash, index, isPassing, status, voteCountAye, voteCountNay, votedAye, votedNay, votedTotal } }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const bestNumber = useBestNumber();
+  const [isExpanded, toggleIsExpanded] = useToggle(false);
+  const totalIssuance = useCall<Balance>(api.query.balances?.totalIssuance);
+  const { changeAye, changeNay } = useChangeCalc(status.threshold, votedAye, votedNay, votedTotal);
+  const threshold = useMemo(
+    () => status.threshold.type.toString().replace('majority', ' majority '),
+    [status]
+  );
+  const totalCalculated = votedAye.add(votedNay);
+
+  const [percentages, { hasVoted, hasVotedAye }] = useMemo(
+    (): [Percentages | null, VoteType] => {
+      if (totalIssuance) {
+        const aye = allAye.reduce((total: BN, { balance }) => total.add(balance), new BN(0));
+        const nay = allNay.reduce((total: BN, { balance }) => total.add(balance), new BN(0));
+        const hasVotedAye = allAye.some(({ accountId }) => allAccounts.includes(accountId.toString()));
+
+        return [
+          {
+            aye: votedTotal.isZero()
+              ? ''
+              : `${percentage(aye, votedTotal)}%`,
+            nay: votedTotal.isZero()
+              ? ''
+              : `${percentage(nay, votedTotal)}%`,
+            turnout: `${percentage(votedTotal, totalIssuance)}%`
+          },
+          {
+            hasVoted: hasVotedAye || allNay.some(({ accountId }) => allAccounts.includes(accountId.toString())),
+            hasVotedAye
+          }
+        ];
+      } else {
+        return [null, { hasVoted: false, hasVotedAye: false }];
+      }
+    },
+    [allAccounts, allAye, allNay, totalIssuance, votedTotal]
+  );
+
+  if (!bestNumber || status.end.sub(bestNumber).lten(0)) {
+    return null;
+  }
+
+  const enactBlock = status.end.add(status.delay);
+  const remainBlock = status.end.sub(bestNumber).isub(BN_ONE);
+
+  return (
+    <>
+      <tr className={`${className} isExpanded isFirst ${isExpanded ? '' : 'isLast'}`}>
+        <Table.Column.Id value={index} />
+        <ProposalCell
+          imageHash={imageHash}
+          proposal={image?.proposal}
+        />
+        <td className='number together media--1200'>
+          <BlockToTime value={remainBlock} />
+          {t('{{blocks}} blocks', { replace: { blocks: formatNumber(remainBlock) } })}
+        </td>
+        <td className='number together media--1400'>
+          <BlockToTime value={enactBlock.sub(bestNumber)} />
+          #{formatNumber(enactBlock)}
+        </td>
+        <td className='number together media--1400'>
+          {percentages && (
+            <>
+              <div>{percentages.turnout}</div>
+            </>
+          )}
+        </td>
+        <td className='badge'>
+          {isBoolean(isPassing) && (
+            <Badge
+              color={isPassing ? 'green' : 'red'}
+              hover={
+                isPassing
+                  ? t('{{threshold}}, passing', { replace: { threshold } })
+                  : t('{{threshold}}, not passing', { replace: { threshold } })
+              }
+              icon={isPassing ? 'check' : 'times'}
+            />
+          )}
+        </td>
+        <td className='expand'>
+          <ReferendumVotes
+            change={changeAye}
+            count={voteCountAye}
+            isAye
+            isWinning={isPassing}
+            total={votedAye}
+            votes={allAye}
+          />
+          <ReferendumVotes
+            change={changeNay}
+            count={voteCountNay}
+            isAye={false}
+            isWinning={!isPassing}
+            total={votedNay}
+            votes={allNay}
+          />
+        </td>
+        <td className='media--1000 middle chart'>
+          <Progress
+            total={totalCalculated}
+            value={votedAye}
+          />
+        </td>
+        <td className='badge'>
+          <Icon
+            color={hasVoted ? (hasVotedAye ? 'green' : 'red') : 'gray'}
+            icon='asterisk'
+          />
+        </td>
+        <td className='actions'>
+          <Button.Group>
+            {!image?.proposal && (
+              <PreImageButton imageHash={imageHash} />
+            )}
+            <Voting
+              proposal={image?.proposal}
+              referendumId={index}
+            />
+            <ExpandButton
+              expanded={isExpanded}
+              onClick={toggleIsExpanded}
+            />
+          </Button.Group>
+        </td>
+      </tr>
+      <tr className={`${className} ${isExpanded ? 'isExpanded isLast' : 'isCollapsed'}`}>
+        <td />
+        <td
+          className='columar'
+          colSpan={100}
+        >
+          <Columar is100>
+            <Columar.Column>
+              <LinkExternal
+                data={index}
+                type='democracyReferendum'
+                withTitle
+              />
+            </Columar.Column>
+          </Columar>
+        </td>
+      </tr>
+    </>
+  );
+}
+
+export default React.memo(Referendum);