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
This commit is contained in:
2026-01-07 13:05:27 +03:00
commit d21bfb1320
5867 changed files with 329019 additions and 0 deletions
@@ -0,0 +1,74 @@
// Copyright 2017-2025 @pezkuwi/react-components authors & contributors
// SPDX-License-Identifier: Apache-2.0
import React from 'react';
import AccountName from '../AccountName.js';
import IdentityIcon from '../IdentityIcon/index.js';
import { styled } from '../styled.js';
interface Props {
address: string;
className?: string;
isUppercase: boolean;
name: string;
style?: Record<string, string>;
}
function KeyPair ({ address, className = '' }: Props): React.ReactElement<Props> {
return (
<StyledDiv className={`${className} ui--KeyPair`}>
<IdentityIcon
className='icon'
value={address}
/>
<div className='name'>
<AccountName value={address} />
</div>
<div className='address'>
{address}
</div>
</StyledDiv>
);
}
const StyledDiv = styled.div`
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
position: relative;
white-space: nowrap;
> .address {
display: inline-block;
flex: 1;
font-size: var(--font-size-small);
margin-left: 1rem;
max-width: var(--width-shortaddr);
min-width: var(--width-shortaddr);
opacity: var(--opacity-light);
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
}
> .icon {
position: absolute;
top: -5px;
left: 0;
}
> .name {
display: inline-block;
flex: 1 0;
margin-left: 3rem;
overflow: hidden;
text-overflow: ellipsis;
&.uppercase {
text-transform: uppercase;
}
}
`;
export default React.memo(KeyPair);