- {version}
+
+
+
+
{name}
+
+
+ {PLATFORM_DISPLAY_NAMES[platform as Platform]}
+
+ •
+
+ {version}
+
+
+
+
);
};
@@ -123,6 +139,7 @@ const FleetMaintainedAppDetailsPage = ({
showAddFleetAppSoftwareModal,
setShowAddFleetAppSoftwareModal,
] = useState(false);
+ const [showAppDetailsModal, setShowAppDetailsModal] = useState(false);
const {
data: fleetApp,
@@ -159,6 +176,10 @@ const FleetMaintainedAppDetailsPage = ({
setSelectedOsqueryTable(tableName);
};
+ const onClickShowAppDetails = () => {
+ setShowAppDetailsModal(true);
+ };
+
const backToAddSoftwareUrl = `${
PATHS.SOFTWARE_ADD_FLEET_MAINTAINED
}?${buildQueryStringFromParams({ team_id: teamId })}`;
@@ -288,6 +309,7 @@ const FleetMaintainedAppDetailsPage = ({
name={fleetApp.name}
platform={fleetApp.platform}
version={fleetApp.version}
+ onClickShowAppDetails={onClickShowAppDetails}
/>
)}
{showAddFleetAppSoftwareModal && }
+ {showAppDetailsModal && fleetApp && (
+ setShowAppDetailsModal(false)}
+ />
+ )}
>
);
};
diff --git a/frontend/pages/SoftwarePage/SoftwareAddPage/SoftwareFleetMaintained/FleetMaintainedAppDetailsPage/_styles.scss b/frontend/pages/SoftwarePage/SoftwareAddPage/SoftwareFleetMaintained/FleetMaintainedAppDetailsPage/_styles.scss
index dcd77d2b7c..606a83e11f 100644
--- a/frontend/pages/SoftwarePage/SoftwareAddPage/SoftwareFleetMaintained/FleetMaintainedAppDetailsPage/_styles.scss
+++ b/frontend/pages/SoftwarePage/SoftwareAddPage/SoftwareFleetMaintained/FleetMaintainedAppDetailsPage/_styles.scss
@@ -18,6 +18,11 @@
}
&__fleet-app-summary {
+ display: flex;
+ justify-content: space-between;
+ }
+
+ &__fleet-app-summary--left {
display: flex;
gap: $pad-medium;
}