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 03:37: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,112 @@
+// Copyright 2017-2025 @pezkuwi/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, AccountIndex, Address } from '@pezkuwi/types/interfaces';
+import type { RowProps } from './Row.js';
+
+import React from 'react';
+
+import { useAccountInfo } from '@pezkuwi/react-hooks';
+import BaseIdentityIcon from '@pezkuwi/react-identicon';
+
+import IdentityIcon from './IdentityIcon/index.js';
+import Row from './Row.js';
+import { styled } from './styled.js';
+
+export interface Props extends RowProps {
+  isContract?: boolean;
+  isValid?: boolean;
+  fullLength?: boolean;
+  label?: string;
+  noDefaultNameOpacity?: boolean;
+  overlay?: React.ReactNode;
+  value?: AccountId | AccountIndex | Address | string | null;
+  withSidebar?: boolean;
+  withTags?: boolean;
+}
+
+const DEFAULT_ADDR = '5'.padEnd(48, 'x');
+const ICON_SIZE = 32;
+
+function AddressRow ({ buttons, children, className, defaultName, fullLength = false, isContract = false, isDisabled, isEditableName, isInline, isValid: propsIsValid, overlay, value, withTags = false }: Props): React.ReactElement<Props> | null {
+  const { accountIndex, isNull, name, onSaveName, onSaveTags, setName, setTags, tags } = useAccountInfo(value ? value.toString() : null, isContract);
+
+  const isValid = !isNull && (propsIsValid || value || accountIndex);
+  const Icon = value ? IdentityIcon : BaseIdentityIcon;
+  const address = value && isValid ? value : DEFAULT_ADDR;
+
+  return (
+    <StyledRow
+      address={address}
+      buttons={buttons}
+      className={className}
+      defaultName={defaultName}
+      icon={
+        <Icon
+          size={ICON_SIZE}
+          value={value ? value.toString() : null}
+        />
+      }
+      isDisabled={isDisabled}
+      isEditableName={isEditableName}
+      isEditableTags
+      isInline={isInline}
+      isShortAddr={!fullLength}
+      name={name}
+      onChangeName={setName}
+      onChangeTags={setTags}
+      onSaveName={onSaveName}
+      onSaveTags={onSaveTags}
+      tags={withTags ? tags : undefined}
+    >
+      {children}
+      {overlay}
+    </StyledRow>
+  );
+}
+
+export { AddressRow, DEFAULT_ADDR };
+
+const StyledRow = styled(Row)`
+  button.u.ui--Icon.editButton {
+    padding: 0 .3em .3em .3em;
+    color: #2e86ab;
+    background: none;
+    /*trick to let the button in the flow but keep the content centered regardless*/
+    margin-left: -2em;
+    position: relative;
+    right: -2.3em;
+    z-index: 1;
+  }
+
+  .editSpan {
+    white-space: nowrap;
+
+    &:before {
+      content: '';
+    }
+  }
+
+  .ui--AddressRow-balances {
+    display: flex;
+    .column {
+      display: block;
+
+      label,
+      .result {
+        display: inline-block;
+        vertical-align: middle;
+      }
+    }
+
+    > span {
+      text-align: left;
+    }
+  }
+
+  .ui--AddressRow-placeholder {
+    opacity: var(--opacity-light);
+  }
+`;
+
+export default React.memo(AddressRow);