[backend/frontend] Clean

Author: savacano28

openbas-front/src/admin/components/Dashboard.tsx

@@ -196,7 +196,7 @@ const Dashboard = () => {
         <Paper variant="outlined" classes={{ root: classes.paperWithChart }}>
           {loading
             ? <Loader variant="inElement" />
-            : <ResponsePie expectationResultsByTypes={statistics?.expectation_results} />}
+            : <ResponsePie expectationResultsByTypes={statistics?.expectation_results} isReducedView />}
         </Paper>
       </GridLegacy>
       <GridLegacy item={true} xs={6}>

openbas-front/src/admin/components/common/injects/ResponsePie.tsx

@@ -13,6 +13,7 @@ interface Props {
   expectationResultsByTypes?: ExpectationResultsByType[] | null;
   humanValidationLink?: string;
   disableChartAnimation?: boolean;
+  isReducedView?: boolean;
 }
 
 const getTotal = (distribution: ResultDistribution[]) => {
@@ -43,6 +44,7 @@ const ResponsePie: FunctionComponent<Props> = ({
   expectationResultsByTypes,
   humanValidationLink,
   disableChartAnimation,
+  isReducedView = false,
 }) => {
   const { t } = useFormatter();
   const theme = useTheme();
@@ -123,7 +125,7 @@ const ResponsePie: FunctionComponent<Props> = ({
   return (
     <div style={{
       display: 'grid',
-      width: '100%',
+      width: isReducedView ? '70%' : '100%',
       gridTemplateColumns: '33% 33% 33%',
     }}
     >

openbas-front/src/admin/components/simulations/simulation/overview/SimulationComponent.tsx

@@ -91,7 +91,7 @@ const SimulationComponent = () => {
         >
           {!results
             ? <Loader variant="inElement" />
-            : <ResponsePie expectationResultsByTypes={results} humanValidationLink={`/admin/simulations/${exerciseId}/animation/validations`} />}
+            : <ResponsePie expectationResultsByTypes={results} humanValidationLink={`/admin/simulations/${exerciseId}/animation/validations`} isReducedView />}
         </Paper>
       </div>
       {injectResults && resultAttackPatternIds.length > 0 && (