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-29 00:07:56 +00:00 · 2026-01-07 13:05:27 +03:00
commit d21bfb1320
5867 changed files with 329019 additions and 0 deletions
@@ -0,0 +1,84 @@
+// Copyright 2017-2025 @pezkuwi/app-utilities authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+
+import { Input, Output, Static } from '@pezkuwi/react-components';
+import { hexToU8a, isHex, stringToU8a } from '@pezkuwi/util';
+import { blake2AsHex } from '@pezkuwi/util-crypto';
+
+import { useTranslation } from './translate.js';
+
+interface Props {
+  className?: string;
+}
+
+interface State {
+  data: string;
+  hash: string;
+  isHexData: boolean;
+}
+
+function Hash ({ className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [{ data, hash, isHexData }, setState] = useState<State>({
+    data: '',
+    hash: blake2AsHex(stringToU8a(''), 256),
+    isHexData: false
+  });
+
+  const _onChangeData = useCallback(
+    (data: string): void => {
+      const isHexData = isHex(data);
+
+      setState({
+        data,
+        hash: blake2AsHex(
+          isHexData
+            ? hexToU8a(data)
+            : stringToU8a(data),
+          256
+        ),
+        isHexData
+      });
+    },
+    []
+  );
+
+  return (
+    <div className={className}>
+      <div className='ui--row'>
+        <Input
+          autoFocus
+          className='full'
+          label={t('from the following data')}
+          onChange={_onChangeData}
+          value={data}
+        />
+      </div>
+      <div className='ui--row'>
+        <Static
+          className='medium'
+          label={t('hex input data')}
+          value={
+            isHexData
+              ? t('Yes')
+              : t('No')
+          }
+        />
+      </div>
+      <div className='ui--row'>
+        <Output
+          className='full'
+          isHidden={hash.length === 0}
+          isMonospace
+          label={t('the resulting hash is')}
+          value={hash}
+          withCopy
+        />
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(Hash);