From b72ce90102f52a95a17789019f70740d50897bdd Mon Sep 17 00:00:00 2001
From: Jaanus Sellin <sellinjaanus@gmail.com>
Date: Thu, 21 Nov 2024 14:12:14 +0200
Subject: [PATCH] feat: archived tooltip alignment (#8820)

From


![image](https://github.com/user-attachments/assets/168cd7ef-6976-47a3-9d2b-e12e45161039)


To


![image](https://github.com/user-attachments/assets/2c2c9593-7079-40b7-ab32-0f9d21c0f9e2)

---------

Co-authored-by: Thomas Heartman <thomas@getunleash.io>
---
 .../FeatureLifecycle/FeatureLifecycleTooltip.tsx         | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureLifecycle/FeatureLifecycleTooltip.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureLifecycle/FeatureLifecycleTooltip.tsx
index cfd8e6e4b4c0..3e39e9c81848 100644
--- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureLifecycle/FeatureLifecycleTooltip.tsx
+++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureLifecycle/FeatureLifecycleTooltip.tsx
@@ -243,6 +243,14 @@ const PreLiveStageDescription: FC<{ children?: React.ReactNode }> = ({
     );
 };
 
+const ArchivedStageDescription = () => {
+    return (
+        <InfoText>
+            Your feature has been archived, it is now safe to delete it.
+        </InfoText>
+    );
+};
+
 const BoldTitle = styled(Typography)(({ theme }) => ({
     marginTop: theme.spacing(1),
     marginBottom: theme.spacing(1),
@@ -513,6 +521,7 @@ export const FeatureLifecycleTooltip: FC<{
                             <Environments environments={stage.environments} />
                         </CompletedStageDescription>
                     )}
+                    {stage.name === 'archived' && <ArchivedStageDescription />}
                 </ColorFill>
             </Box>
         }