import classnames from 'classnames'; import { Link } from 'react-router-dom'; import { Button, IconButton, Tooltip } from '@material-ui/core'; import useMediaQuery from '@material-ui/core/useMediaQuery'; import { Add } from '@material-ui/icons'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { NAVIGATE_TO_CREATE_FEATURE } from 'utils/testIds'; import { IFeaturesFilter } from 'hooks/useFeaturesFilter'; import { useCreateFeaturePath } from 'component/feature/CreateFeatureButton/useCreateFeaturePath'; interface ICreateFeatureButtonProps { loading: boolean; filter: IFeaturesFilter; } export const CreateFeatureButton = ({ loading, filter, }: ICreateFeatureButtonProps) => { const smallScreen = useMediaQuery('(max-width:800px)'); const createFeature = useCreateFeaturePath(filter); if (!createFeature) { return null; } return ( } elseShow={ } /> ); };