diff --git a/ugs-pendant/src/main/webapp/src/components/AccessoryState.tsx b/ugs-pendant/src/main/webapp/src/components/AccessoryState.tsx index 3288f5784b..42964296d0 100644 --- a/ugs-pendant/src/main/webapp/src/components/AccessoryState.tsx +++ b/ugs-pendant/src/main/webapp/src/components/AccessoryState.tsx @@ -3,10 +3,11 @@ import "./AccessoryState.scss"; type Props = { children: React.ReactNode; + title?: string; }; -const AccessoryState = ({ children }: Props) => { +const AccessoryState = ({ children, title }: Props) => { return ( - + {children} ); diff --git a/ugs-pendant/src/main/webapp/src/components/Header.tsx b/ugs-pendant/src/main/webapp/src/components/Header.tsx index 1ce0641537..ad5a3b8b71 100644 --- a/ugs-pendant/src/main/webapp/src/components/Header.tsx +++ b/ugs-pendant/src/main/webapp/src/components/Header.tsx @@ -33,45 +33,18 @@ const Header = () => { - {status?.pins?.probe && P} - {status?.pins?.cycleStart && C} - {status?.pins?.hold && ( - - H - - )} - {status?.pins?.door && ( - - D - - )} - - {status?.pins?.x && ( - - X - - )} - {status?.pins?.z && ( - - Y - - )} - {status?.pins?.a && ( - - Z - - )} - {status?.pins?.b && ( - - A - - )} - {status?.pins?.c && ( - - B - - )} + {status?.pins?.probe && P} + {status?.pins?.cycleStart && C} + {status?.pins?.hold && H} + {status?.pins?.door && D} + {status?.pins?.x && X} + {status?.pins?.y && Y} + {status?.pins?.z && Z} + {status?.pins?.a && A} + {status?.pins?.b && B} + {status?.pins?.c && C} + {isConnected && status?.state !== "DISCONNECTED" && (