feat: Show tooltips on Since components

kluctl · Aug 31, 2023 · 5d192e4 · 5d192e4
1 parent 27adae4
commit 5d192e4
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/pkg/webui/ui/src/components/Since.tsx b/pkg/webui/ui/src/components/Since.tsx
@@ -1,5 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { formatDurationShort } from "../utils/duration";
+import Tooltip from "@mui/material/Tooltip";
+import { Typography } from "@mui/material";
 
 export const Since = (props: { startTime: Date | string }) => {
     const [str, setStr] = useState("")
@@ -28,5 +30,9 @@ export const Since = (props: { startTime: Date | string }) => {
         return () => clearTimeout(x)
     }, [props.startTime, counter])
 
-    return <>{str}</>
+    const tooltip = props.startTime.toString()
+
+    return <Tooltip title={tooltip}>
+        <Typography>{str}</Typography>
+    </Tooltip>
 }