2021-10-01 13:49:18 +02:00
|
|
|
import { useParams } from 'react-router';
|
|
|
|
import useFeature from '../../../../hooks/api/getters/useFeature/useFeature';
|
|
|
|
import { useStyles } from './FeatureLog.styles';
|
|
|
|
import { IFeatureViewParams } from '../../../../interfaces/params';
|
2022-02-04 14:25:56 +01:00
|
|
|
import { FeatureEventHistory } from '../../../history/FeatureEventHistory/FeatureEventHistory';
|
2021-10-01 13:49:18 +02:00
|
|
|
|
|
|
|
const FeatureLog = () => {
|
|
|
|
const styles = useStyles();
|
|
|
|
const { projectId, featureId } = useParams<IFeatureViewParams>();
|
|
|
|
const { feature } = useFeature(projectId, featureId);
|
|
|
|
|
2022-02-04 14:25:56 +01:00
|
|
|
if (!feature.name) {
|
|
|
|
return null
|
|
|
|
}
|
|
|
|
|
2021-10-01 13:49:18 +02:00
|
|
|
return (
|
|
|
|
<div className={styles.container}>
|
2022-02-04 14:25:56 +01:00
|
|
|
<FeatureEventHistory toggleName={feature.name} />
|
2021-10-01 13:49:18 +02:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default FeatureLog;
|