mirror of
https://github.com/pezkuwichain/pwap.git
synced 2026-07-27 05:25:41 +00:00
pezkuwichain
971df8edba
- Remove all 3rd party parachain configurations from endpoints: - productionRelayPolkadot.ts: Keep only system parachains - productionRelayDicle.ts: Keep only system parachains - testingRelayZagros.ts: Keep only system parachains - testingRelayTeyrChain.ts: Keep only system parachains - Update domain references: - polkadot.js.org → pezkuwichain.app - wiki.polkadot.network → wiki.pezkuwichain.io - dotapps.io → pezkuwichain.app - statement.polkadot.network → docs.pezkuwichain.io/statement - support.polkadot.network → docs.pezkuwichain.io - Update repository references: - github.com/pezkuwi-js/apps → github.com/pezkuwichain/pwap - Rename system parachains to Pezkuwi ecosystem: - PolkadotAssetHub → PezkuwiAssetHub - polkadotBridgeHub → pezkuwiBridgeHub - polkadotCollectives → pezkuwiCollectives - polkadotCoretime → pezkuwiCoretime - polkadotPeople → pezkuwiPeople - Update network name in claims utility: - Polkadot → Pezkuwi
55 lines
1.1 KiB
TypeScript
55 lines
1.1 KiB
TypeScript
// Copyright 2017-2026 @pezkuwi/react-components authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import React, { useCallback } from 'react';
|
|
|
|
import Icon from '../../Icon.js';
|
|
import { styled } from '../../styled.js';
|
|
|
|
export interface Props {
|
|
address: string;
|
|
className?: string;
|
|
colSpan?: number;
|
|
isFavorite: boolean;
|
|
rowSpan?: number;
|
|
toggle: (address: string) => void;
|
|
}
|
|
|
|
function Favorite ({ address, className = '', colSpan, isFavorite, rowSpan, toggle }: Props): React.ReactElement<Props> {
|
|
const onClick = useCallback(
|
|
() => toggle(address),
|
|
[address, toggle]
|
|
);
|
|
|
|
return (
|
|
<StyledTd
|
|
className={`${className} ui--Table-Column-Favorite`}
|
|
colSpan={colSpan}
|
|
onClick={onClick}
|
|
rowSpan={rowSpan}
|
|
>
|
|
<Icon
|
|
color={
|
|
isFavorite
|
|
? 'orange'
|
|
: 'gray'
|
|
}
|
|
icon='star'
|
|
/>
|
|
</StyledTd>
|
|
);
|
|
}
|
|
|
|
const StyledTd = styled.td`
|
|
&& {
|
|
box-sizing: content-box;
|
|
cursor: pointer;
|
|
min-width: 1rem;
|
|
padding-right: 0.35rem;
|
|
text-align: right;
|
|
width: 1rem;
|
|
}
|
|
`;
|
|
|
|
export default React.memo(Favorite);
|