diff --git a/client/src/components/controlpoints/ControlPoint.tsx b/client/src/components/controlpoints/ControlPoint.tsx index 1aa770a2..d2f17382 100644 --- a/client/src/components/controlpoints/ControlPoint.tsx +++ b/client/src/components/controlpoints/ControlPoint.tsx @@ -1,5 +1,5 @@ import { Icon, Point } from "leaflet"; -import { Marker, Popup } from "react-leaflet"; +import { Marker, Tooltip } from "react-leaflet"; import { ControlPoint as ControlPointModel } from "../../api/controlpoint"; import { Symbol as MilSymbol } from "milsymbol"; @@ -25,8 +25,14 @@ export default function ControlPoint(props: ControlPointProps) { - {props.controlPoint.name} + +

{props.controlPoint.name}

+
); } diff --git a/client/src/components/tgos/Tgo.tsx b/client/src/components/tgos/Tgo.tsx index a4c34cef..9ef9c759 100644 --- a/client/src/components/tgos/Tgo.tsx +++ b/client/src/components/tgos/Tgo.tsx @@ -1,5 +1,5 @@ import { Icon, Point } from "leaflet"; -import { Marker, Popup } from "react-leaflet"; +import { Marker, Tooltip } from "react-leaflet"; import { Symbol as MilSymbol } from "milsymbol"; import { Tgo as TgoModel } from "../../api/tgo"; @@ -22,7 +22,7 @@ interface TgoProps { export default function Tgo(props: TgoProps) { return ( - + {`${props.tgo.name} (${props.tgo.control_point_name})`}
{props.tgo.units.map((unit) => ( @@ -31,7 +31,7 @@ export default function Tgo(props: TgoProps) {
))} -
+
); }