diff --git a/pkgs/clan-app/ui/src/components/MachineStatus/MachineStatus.tsx b/pkgs/clan-app/ui/src/components/MachineStatus/MachineStatus.tsx index 22f8c1533..1ce76b4c0 100644 --- a/pkgs/clan-app/ui/src/components/MachineStatus/MachineStatus.tsx +++ b/pkgs/clan-app/ui/src/components/MachineStatus/MachineStatus.tsx @@ -20,6 +20,9 @@ export const MachineStatus = (props: MachineStatusProps) => { // we will use css transform in the typography component to capitalize const statusText = () => props.status?.replaceAll("_", " "); + // our implementation of machine status in the backend needs more time to bake, so for now we only display if a + // machine is not installed + return ( @@ -28,9 +31,6 @@ export const MachineStatus = (props: MachineStatusProps) => { { + const query = useMachineStateQuery(props.clanURI, props.machineName); + + const [showUpdate, setShowUpdate] = createSignal(false); + + return ( + +
+ + + setShowUpdate(false)} + /> + +
+
+ ); +}; diff --git a/pkgs/clan-app/ui/src/routes/Machine/Machine.tsx b/pkgs/clan-app/ui/src/routes/Machine/Machine.tsx index 00e1774bf..b141e6459 100644 --- a/pkgs/clan-app/ui/src/routes/Machine/Machine.tsx +++ b/pkgs/clan-app/ui/src/routes/Machine/Machine.tsx @@ -6,11 +6,11 @@ import { SectionGeneral } from "./SectionGeneral"; import { Machine as MachineModel, useMachineQuery } from "@/src/hooks/queries"; import { SectionTags } from "@/src/routes/Machine/SectionTags"; import { callApi } from "@/src/hooks/api"; -import { SidebarMachineStatus } from "@/src/components/Sidebar/SidebarMachineStatus"; import { SidebarSectionInstall } from "@/src/components/Sidebar/SidebarSectionInstall"; import styles from "./Machine.module.css"; import { SectionServices } from "@/src/routes/Machine/SectionServices"; +import { SidebarSectionUpdate } from "@/src/components/Sidebar/SidebarSectionUpdate"; export const Machine = (props: RouteSectionProps) => { const navigate = useNavigate(); @@ -61,6 +61,10 @@ export const Machine = (props: RouteSectionProps) => { clanURI={clanURI} machineName={useMachineName()} /> + @@ -74,14 +78,17 @@ export const Machine = (props: RouteSectionProps) => { - - - } + // the implementation of remote machine status in the backend needs more time to bake, so for now we remove it and + // present the user with the ability to install or update a machines based on `installedAt` in the inventory.json + // + // subHeader={ + // + // + // + // } > {Sections()}