From 0a8330f55d5a79a528eed9889f9caf6309157ea4 Mon Sep 17 00:00:00 2001
From: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>
Date: Tue, 31 Jan 2023 08:02:24 +0100
Subject: [PATCH] fix: remove toggles using this strategy (#3022)

---
 .../StrategyDetails/StrategyDetails.tsx         | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/src/component/strategies/StrategyView/StrategyDetails/StrategyDetails.tsx b/frontend/src/component/strategies/StrategyView/StrategyDetails/StrategyDetails.tsx
index 95a5090c015..5ef523f5268 100644
--- a/frontend/src/component/strategies/StrategyView/StrategyDetails/StrategyDetails.tsx
+++ b/frontend/src/component/strategies/StrategyView/StrategyDetails/StrategyDetails.tsx
@@ -84,17 +84,22 @@ export const StrategyDetails = ({
                     <List>{renderParameters(parameters)}</List>
                 </Grid>
 
-                <Grid item sm={12} md={6}>
+                <Grid item sm={12} md={toggles.length > 0 ? 6 : 12}>
                     <h6>Applications using this strategy</h6>
                     <hr />
                     <AppsLinkList apps={applications} />
                 </Grid>
 
-                <Grid item sm={12} md={6}>
-                    <h6>Toggles using this strategy</h6>
-                    <hr />
-                    <TogglesLinkList toggles={toggles} />
-                </Grid>
+                <ConditionallyRender
+                    condition={toggles.length > 0}
+                    show={() => (
+                        <Grid item sm={12} md={6}>
+                            <h6>Toggles using this strategy</h6>
+                            <hr />
+                            <TogglesLinkList toggles={toggles} />
+                        </Grid>
+                    )}
+                />
             </Grid>
         </div>
     );