From 77394a074c554d6fa1c2808ad96221acafc11388 Mon Sep 17 00:00:00 2001
From: Miguel Crespo <miguel.crespo@freiheit.com>
Date: Thu, 31 Oct 2024 11:51:25 +0000
Subject: [PATCH 1/3] reload button

---
 .../components/ServiceLane/ServiceLane.scss   |  4 ++++
 .../ui/components/ServiceLane/ServiceLane.tsx | 23 +++++++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.scss b/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.scss
index 6a338132c..a6e75fc75 100644
--- a/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.scss
+++ b/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.scss
@@ -121,4 +121,8 @@ Copyright freiheit.com*/
     .service-lane__date {
         padding-right: 2px;
     }
+    .servicelane__reload {
+        font-size: xx-large;
+    }
+
 }
diff --git a/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.tsx b/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.tsx
index 85e28a6e5..57efdf87f 100644
--- a/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.tsx
+++ b/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.tsx
@@ -21,6 +21,7 @@ import {
     getAppDetails,
     showSnackbarError,
     showSnackbarWarn,
+    updateAppDetails,
     useAppDetailsForApp,
     useCurrentlyExistsAtGroup,
     useMinorsForApp,
@@ -38,6 +39,7 @@ import { EnvSelectionDialog } from '../SelectionDialog/SelectionDialogs';
 import { AuthHeader, useAzureAuthSub } from '../../utils/AzureAuthProvider';
 import { SmallSpinner } from '../Spinner/Spinner';
 import { FormattedDate } from '../FormattedDate/FormattedDate';
+import { Button } from '../button';
 
 // number of releases on home. based on design
 // we could update this dynamically based on viewport width
@@ -279,6 +281,15 @@ export const ReadyServiceLane: React.FC<{
         },
         [application.name, envs]
     );
+    const onReload = useCallback(() => {
+        const details = updateAppDetails.get();
+        details[application.name] = {
+            details: undefined,
+            appDetailState: AppDetailsState.NOTREQUESTED,
+            updatedAt: new Date(Date.now()),
+        };
+        updateAppDetails.set(details);
+    }, [application.name]);
     const buttons: DotsMenuButton[] = [
         {
             label: 'View History',
@@ -316,6 +327,16 @@ export const ReadyServiceLane: React.FC<{
         />
     );
 
+    const reloadButton = (
+        <Button
+            id={application.name + '-reloadButton'}
+            className="servicelane__reload mdc-button--unelevated"
+            label={'⟳'}
+            highlightEffect={false}
+            onClick={onReload}
+        />
+    );
+
     return (
         <div className="service-lane">
             {dialog}
@@ -330,6 +351,7 @@ export const ReadyServiceLane: React.FC<{
                         <span title={'team name'}>{application.team ? application.team : '<No Team> '} </span>
                         {' | '} <span title={'app name'}> {application.name}</span>
                     </div>
+                    <div>{reloadButton}</div>
                 </div>
                 <div className="service-lane-wrapper">
                     {props.allAppData.updatedAt && (
@@ -340,6 +362,7 @@ export const ReadyServiceLane: React.FC<{
                     )}
                     <div className="service__actions__">{dotsMenu}</div>
                 </div>
+                <div className="service__actions__">{dotsMenu}</div>
             </div>
             <div className="service__warnings">
                 <WarningBoxes application={appDetails?.application} />

From 3b70b924671ca1eef2040ab4ad946bd82b352742 Mon Sep 17 00:00:00 2001
From: Miguel Crespo <miguel.crespo@freiheit.com>
Date: Thu, 31 Oct 2024 13:22:13 +0000
Subject: [PATCH 2/3] css

---
 .../src/ui/components/ServiceLane/ServiceLane.scss               | 1 -
 1 file changed, 1 deletion(-)

diff --git a/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.scss b/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.scss
index a6e75fc75..fb1ca369f 100644
--- a/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.scss
+++ b/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.scss
@@ -124,5 +124,4 @@ Copyright freiheit.com*/
     .servicelane__reload {
         font-size: xx-large;
     }
-
 }

From b867b550c4b4d7a235c1e466a7987ae829eee49c Mon Sep 17 00:00:00 2001
From: Sven Urbanski <sven.urbanski@freiheit.com>
Date: Fri, 1 Nov 2024 11:12:42 +0100
Subject: [PATCH 3/3] align reload button to right (and fix conflicts)

---
 .../src/ui/components/ServiceLane/ServiceLane.tsx             | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.tsx b/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.tsx
index 57efdf87f..138431905 100644
--- a/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.tsx
+++ b/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.tsx
@@ -351,9 +351,9 @@ export const ReadyServiceLane: React.FC<{
                         <span title={'team name'}>{application.team ? application.team : '<No Team> '} </span>
                         {' | '} <span title={'app name'}> {application.name}</span>
                     </div>
-                    <div>{reloadButton}</div>
                 </div>
                 <div className="service-lane-wrapper">
+                    <div>{reloadButton}</div>
                     {props.allAppData.updatedAt && (
                         <div className="service-lane__date">
                             <span>Updated </span>
@@ -362,7 +362,7 @@ export const ReadyServiceLane: React.FC<{
                     )}
                     <div className="service__actions__">{dotsMenu}</div>
                 </div>
-                <div className="service__actions__">{dotsMenu}</div>
+                {/*<div className="service__actions__">{dotsMenu}</div>*/}
             </div>
             <div className="service__warnings">
                 <WarningBoxes application={appDetails?.application} />