Fix Filter

Signed-off-by: soupette <cyril.lpz@gmail.com>
This commit is contained in:
soupette 2020-05-19 11:17:02 +02:00 committed by Alexandre Bodin
parent f65fdced7a
commit ef8e233e9e
2 changed files with 8 additions and 19 deletions

View File

@ -1,14 +0,0 @@
import styled from 'styled-components';
import { Text as Base } from '@buffetjs/core';
const Text = styled(Base)`
color: inherit;
font-weight: ${({ fontWeight }) => fontWeight};
`;
Text.defaultProps = {
as: 'span',
fontWeight: 400,
};
export default Text;

View File

@ -1,18 +1,21 @@
import React from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { Option } from '@buffetjs/core';
import Text from './Text';
import { Option, Text } from '@buffetjs/core';
const Filter = ({ displayName, filter, name, onClick, value }) => {
const { formatMessage } = useIntl();
const label = (
<>
<Text>{displayName}</Text>
<Text fontWeight="700">
<Text color="mediumBlue" as="span">
{displayName}
</Text>
<Text as="span" color="mediumBlue" fontWeight="bold">
&nbsp;{formatMessage({ id: `components.FilterOptions.FILTER_TYPES.${filter}` })}&nbsp;
</Text>
<Text>{value}</Text>
<Text as="span" color="mediumBlue">
{value}
</Text>
</>
);