Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-05-26 01:17:00 +02:00
Code Issues Projects Releases Wiki Activity

fix: grids needs containers and items

Browse Source
This commit is contained in:
Christopher Kolstad 2021-10-15 12:26:50 +02:00
parent 3f7e43c599
commit e9a63197cf
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/component/feature/FeatureView2/EnvironmentMetricComponent/EnvironmentMetricComponent.tsx
View File

@ -27,18 +27,20 @@ const EnvironmentMetricComponent: React.FC = () => {
const metricComponents = featureMetrics.map(metric => {
return (
<Grid item sm={6}>
<Grid item sm={4}>
<FeatureEnvironmentMetrics key={metric.environment} metric={metric} />
</Grid>)
})
return (
<>
<Grid sm={12} data-loading>
<Grid container data-loading spacing={1}>
<Grid item xs={12}>
<h2>{'Environments'}</h2>
<hr />
</Grid>
{metricComponents}
</Grid>
<Grid sm={12} data-loading>
<Grid container data-loading>
<h2>Applications</h2>
<hr />
<FeatureSeenApplications />

15
frontend/src/component/feature/FeatureView2/FeatureSeenApplications/FeatureSeenApplications.tsx
View File

@ -1,7 +1,7 @@
import useFeatureMetrics from '../../../../hooks/api/getters/useFeatureMetrics/useFeatureMetrics';
import { Link, useParams } from 'react-router-dom';
import { IFeatureViewParams } from '../../../../interfaces/params';
import { Grid, List, ListItem, ListItemText } from '@material-ui/core';
import { Grid } from '@material-ui/core';
import React from 'react';
import { useStyles } from './FeatureSeenApplications.styles';
@ -12,7 +12,7 @@ const FeatureSeenApplications: React.FC = () => {
let seenApplications;
if (metrics?.seenApplications?.length > 0) {
seenApplications = metrics.seenApplications.map(appName => {
return (<ListItem><ListItemText primary={
return (<Grid item xs={4}>
<Link
to={`/applications/${appName}`}
className={[
@ -22,17 +22,16 @@ const FeatureSeenApplications: React.FC = () => {
>
{appName}
</Link>
} /></ListItem>)
</Grid>)
});
} else {
seenApplications = (<ListItem><ListItemText primary={'Not seen in any applications'} /></ListItem>);
seenApplications = (<Grid item xs={12}><div>{'Not seen in any applications'}</div></Grid>);
}
return (
<Grid sm={12}>
<List>
{seenApplications}
</List>
<Grid container spacing={1}>
<hr />
{seenApplications}
</Grid>
);
}