From 87917da4dfeb05af95740cf8a5c8d06cb8686def Mon Sep 17 00:00:00 2001
From: David Leek <david@getunleash.io>
Date: Tue, 14 Jan 2025 15:07:03 +0100
Subject: [PATCH] chore: feature release plans other strategies indicator
 (#9097)

---
 .../EnvironmentAccordionBody.tsx               | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx
index 8c9da84eed1d..56689fa101b6 100644
--- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx
+++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx
@@ -52,6 +52,13 @@ const StyledBadge = styled(Badge)(({ theme }) => ({
     color: theme.palette.common.white,
 }));
 
+const AdditionalStrategiesDiv = styled('div')(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: theme.spacing(2),
+}));
+
 const EnvironmentAccordionBody = ({
     featureEnvironment,
     isDisabled,
@@ -245,9 +252,14 @@ const EnvironmentAccordionBody = ({
                                     strategies.length > 0
                                 }
                                 show={
-                                    <SectionSeparator>
-                                        <StyledBadge>OR</StyledBadge>
-                                    </SectionSeparator>
+                                    <>
+                                        <SectionSeparator>
+                                            <StyledBadge>OR</StyledBadge>
+                                        </SectionSeparator>
+                                        <AdditionalStrategiesDiv>
+                                            Additional strategies
+                                        </AdditionalStrategiesDiv>
+                                    </>
                                 }
                             />
                             <ConditionallyRender