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-14 09:51:13 +00:00 · 2026-01-07 13:05:27 +03:00
commit d21bfb1320
5867 changed files with 329019 additions and 0 deletions
@@ -0,0 +1,99 @@
+// Copyright 2017-2025 @pezkuwi/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@pezkuwi/util';
+import type { OwnPool, Params } from './types.js';
+
+import React, { useMemo, useRef, useState } from 'react';
+
+import { Button, Table, ToggleGroup } from '@pezkuwi/react-components';
+import { arrayFlatten } from '@pezkuwi/util';
+
+import { useTranslation } from '../translate.js';
+import Create from './Create.js';
+import Pool from './Pool.js';
+import useMembers from './useMembers.js';
+
+interface Props {
+  className?: string;
+  ids?: BN[];
+  ownPools?: OwnPool[];
+  params: Params;
+}
+
+function Pools ({ className, ids, ownPools, params }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const membersMap = useMembers();
+  const [typeIndex, setTypeIndex] = useState(() => ownPools?.length ? 0 : 1);
+
+  const ownAccounts = useMemo(
+    () => ownPools && arrayFlatten(ownPools.map(({ members }) => Object.keys(members))),
+    [ownPools]
+  );
+
+  const noCreate = useMemo(
+    () => !ids || (!!params.maxPools && (ids.length > params.maxPools)),
+    [ids, params]
+  );
+
+  const filtered = useMemo(
+    () => ownPools && ids
+      ? typeIndex
+        ? ids
+        : ids.filter((id) => ownPools.some(({ poolId }) => id.eq(poolId)))
+      : undefined,
+    [ids, ownPools, typeIndex]
+  );
+
+  const header = useMemo<[React.ReactNode?, string?, number?][]>(
+    () => [
+      [t('pools'), 'start', 2],
+      [t('state'), 'media--1100'],
+      [t('points')],
+      [t('claimable'), 'media--1400'],
+      [t('commission')],
+      [undefined, undefined, 3]
+    ],
+    [t]
+  );
+
+  const poolTypes = useRef([
+    { text: t('Own pools'), value: 'mine' },
+    { text: t('All pools'), value: 'all' }
+  ]);
+
+  return (
+    <>
+      <Button.Group>
+        <ToggleGroup
+          onChange={setTypeIndex}
+          options={poolTypes.current}
+          value={typeIndex}
+        />
+        <Create
+          isDisabled={noCreate}
+          ownAccounts={ownAccounts}
+          params={params}
+        />
+      </Button.Group>
+      <Table
+        className={className}
+        empty={membersMap && filtered && t('No available nomination pools')}
+        emptySpinner={t('Retrieving nomination pools')}
+        header={header}
+      >
+        {membersMap && filtered?.map((poolId) => (
+          <Pool
+            key={poolId.toString()}
+            members={membersMap[poolId.toString()]}
+            ownAccounts={ownAccounts}
+            params={params}
+            poolId={poolId}
+          />
+        ))}
+      </Table>
+    </>
+  );
+}
+
+export default React.memo(Pools);