import { capitalize } from '@material-ui/core'; import classnames from 'classnames'; import { useParams } from 'react-router-dom'; import { Link } from 'react-router-dom'; import useFeature from '../../../../../hooks/api/getters/useFeature/useFeature'; import { getFeatureTypeIcons } from '../../../../../utils/get-feature-type-icons'; import ConditionallyRender from '../../../../common/ConditionallyRender'; import { useStyles } from './FeatureOverviewMetadata.styles'; import { Edit } from '@material-ui/icons'; import { IFeatureViewParams } from '../../../../../interfaces/params'; import PermissionIconButton from '../../../../common/PermissionIconButton/PermissionIconButton'; import { UPDATE_FEATURE } from '../../../../providers/AccessProvider/permissions'; import useTags from '../../../../../hooks/api/getters/useTags/useTags'; import FeatureOverviewTags from './FeatureOverviewTags/FeatureOverviewTags'; const FeatureOverviewMetaData = () => { const styles = useStyles(); const { projectId, featureId } = useParams(); const { tags } = useTags(featureId); const { feature } = useFeature(projectId, featureId); const { project, description, type } = feature; const IconComponent = getFeatureTypeIcons(type); return (
{' '}

{capitalize(type || '')} toggle

Project: {project}
Description:

{description}

} elseShow={
No description.{' '}
} />
0} show={
} />
); }; export default FeatureOverviewMetaData;