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-23 04:47:57 +00:00 · 2026-01-07 13:05:27 +03:00
commit d21bfb1320
5867 changed files with 329019 additions and 0 deletions
@@ -0,0 +1,88 @@
+// Copyright 2017-2025 @pezkuwi/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AddressFlags } from '@pezkuwi/react-hooks/types';
+
+import React from 'react';
+import CopyToClipboard from 'react-copy-to-clipboard';
+
+import { useToggle } from '@pezkuwi/react-hooks';
+
+import AccountName from '../AccountName.js';
+import Button from '../Button/index.js';
+import IdentityIcon from '../IdentityIcon/index.js';
+import Input from '../Input.js';
+import { useTranslation } from '../translate.js';
+
+interface Props {
+  value: string,
+  editingName: boolean,
+  defaultValue: string,
+  onChange: (value: string) => void,
+  flags: AddressFlags,
+  accountIndex: string | undefined,
+}
+
+function AddressSection ({ accountIndex, defaultValue, editingName, flags, onChange, value }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [isCopyShown, toggleIsCopyShown] = useToggle();
+  const NOOP = () => undefined;
+
+  return (
+    <div className='ui--AddressSection'>
+      <IdentityIcon
+        size={80}
+        value={value}
+      />
+      <div className='ui--AddressSection__AddressColumn'>
+        <AccountName
+          override={
+            editingName
+              ? (
+                <Input
+                  className='name--input'
+                  defaultValue={defaultValue}
+                  label='name-input'
+                  onChange={onChange}
+                  withLabel={false}
+                />
+              )
+              : flags.isEditable
+                ? (defaultValue.toUpperCase() || t('<unknown>'))
+                : undefined
+          }
+          value={value}
+          withSidebar={false}
+        />
+        <div className='ui--AddressMenu-addr'>
+          {value}
+        </div>
+        {accountIndex && (
+          <div className='ui--AddressMenu-index'>
+            <label>{t('index')}:</label> {accountIndex}
+          </div>
+        )}
+      </div>
+      <div className='ui--AddressSection__CopyColumn'>
+        <div className='ui--AddressMenu-copyaddr'>
+          <CopyToClipboard
+            text={value}
+          >
+            <span>
+              <Button.Group>
+                <Button
+                  icon={isCopyShown ? 'check' : 'copy'}
+                  label={isCopyShown ? t('Copied') : t('Copy')}
+                  onClick={isCopyShown ? NOOP : toggleIsCopyShown }
+                  onMouseLeave={isCopyShown ? toggleIsCopyShown : NOOP }
+                />
+              </Button.Group>
+            </span>
+          </CopyToClipboard>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(AddressSection);