Add Pezkuwi SDK UI - Polkadot.js Apps clone

- Clone Polkadot.js Apps repository
- Update package.json with Pezkuwi branding
- Add Pezkuwi endpoint to production chains (wss://pezkuwichain.app:9944)
- Create comprehensive README for SDK UI
- Set up project structure with all packages

Next steps:
- Apply Kurdistan colors (Kesk, Sor, Zer, Spi + Black) to UI theme
- Replace logos with Pezkuwi branding
- Test build and deployment
This commit is contained in:
Claude
2025-11-14 00:55:17 +00:00
parent c48ded7ff2
commit c71ddb6e0d
5836 changed files with 324981 additions and 17 deletions
@@ -0,0 +1,55 @@
// Copyright 2017-2025 @polkadot/app-explorer authors & contributors
// SPDX-License-Identifier: Apache-2.0
import React, { useCallback, useState } from 'react';
import { Button, FilterOverlay, Input, styled } from '@polkadot/react-components';
import { useTranslation } from '../translate.js';
interface Props {
className?: string;
onQuery?: (value: string) => void;
}
function Query ({ className = '', onQuery }: Props): React.ReactElement<Props> {
const { t } = useTranslation();
const [input, setInput] = useState('');
const _onChange = useCallback(
(value: string): void => setInput(value),
[]
);
const _onQuery = useCallback(
(): void => {
onQuery && onQuery(input);
},
[input, onQuery]
);
return (
<StyledFilterOverlay className={`${className} ui--FilterOverlay hasOwnMaxWidth`}>
<Input
className='asset--query'
onChange={_onChange}
onEnter={_onQuery}
placeholder={t('asset id or name to query')}
withLabel={false}
>
<Button
icon='play'
onClick={_onQuery}
/>
</Input>
</StyledFilterOverlay>
);
}
const StyledFilterOverlay = styled(FilterOverlay)`
.asset--query {
width: 20em;
}
`;
export default React.memo(Query);