e63eeb506c
* Rework (some) component styled injection * Small build fixes * Additional build fixes * Additional * Fixes * Remove unused SelectedDrag * Remover unneeded props passing * Fix build * Remove unneeded inline-block
46 lines
969 B
TypeScript
46 lines
969 B
TypeScript
// Copyright 2017-2023 @polkadot/react-components authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import type { ColFavoriteProps as Props } from '../types';
|
|
|
|
import React, { useCallback } from 'react';
|
|
import styled from 'styled-components';
|
|
|
|
import Icon from '../../Icon';
|
|
|
|
function Favorite ({ address, className = '', isFavorite, toggle }: Props): React.ReactElement<Props> {
|
|
const onClick = useCallback(
|
|
() => toggle(address),
|
|
[address, toggle]
|
|
);
|
|
|
|
return (
|
|
<StyledTd
|
|
className={`ui--Table-Column-Favorite ${className}`}
|
|
onClick={onClick}
|
|
>
|
|
<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);
|