From a41104f51a9d13928aae4749839aa812736cb683 Mon Sep 17 00:00:00 2001
From: nickofolas <nickofolas@gmail.com>
Date: Tue, 11 Jan 2022 17:46:59 -0600
Subject: [PATCH] Add tooltips to unfocused work

---
 src/ui/React/CharacterOverview.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/ui/React/CharacterOverview.tsx b/src/ui/React/CharacterOverview.tsx
index d3ea22166..e9edf79ff 100644
--- a/src/ui/React/CharacterOverview.tsx
+++ b/src/ui/React/CharacterOverview.tsx
@@ -7,6 +7,7 @@ import createStyles from "@mui/styles/createStyles";
 import { numeralWrapper } from "../../ui/numeralFormat";
 import { Reputation } from "./Reputation";
 import { KillScriptsModal } from "./KillScriptsModal";
+import { convertTimeMsToTimeElapsedString } from "../../utils/StringHelperFunctions";
 
 import Table from "@mui/material/Table";
 import TableBody from "@mui/material/TableBody";
@@ -90,12 +91,14 @@ function Work(): React.ReactElement {
       <>
         <TableRow>
           <TableCell component="th" scope="row" colSpan={2} classes={{ root: classes.cellNone }}>
-            <Typography>Work&nbsp;in&nbsp;progress:</Typography>
+            <Tooltip title={'You are ' + player.className}>
+              <Typography>Work&nbsp;in&nbsp;progress:</Typography>
+            </Tooltip>
           </TableCell>
         </TableRow>
         <TableRow>
           <TableCell component="th" scope="row" colSpan={2} classes={{ root: classes.cellNone }}>
-            <Typography>{player.className}</Typography>
+            <Typography>{convertTimeMsToTimeElapsedString(player.timeWorked)}</Typography>
           </TableCell>
         </TableRow>
         <TableRow>
@@ -119,7 +122,9 @@ function Work(): React.ReactElement {
       <>
         <TableRow>
           <TableCell component="th" scope="row" colSpan={2} classes={{ root: classes.cellNone }}>
-            <Typography>Work&nbsp;in&nbsp;progress:</Typography>
+            <Tooltip title={`Coding ${player.createProgramName}`}>
+              <Typography>Work&nbsp;in&nbsp;progress:</Typography>
+            </Tooltip>
           </TableCell>
         </TableRow>
         <TableRow>
@@ -150,7 +155,9 @@ function Work(): React.ReactElement {
     <>
       <TableRow>
         <TableCell component="th" scope="row" colSpan={2} classes={{ root: classes.cellNone }}>
-          <Typography>Work&nbsp;in&nbsp;progress:</Typography>
+          <Tooltip title={player.workType}>
+            <Typography>Work&nbsp;in&nbsp;progress:</Typography>
+          </Tooltip>
         </TableCell>
       </TableRow>
       <TableRow>