more

src/pageElements/Cards.js

@@ -280,7 +280,7 @@ export const DocCard = (props) => {
     confirmDelete,
   } = props;
   const tooltipText =
-    "The documet is taking longer htan usual to parse.  There may be a number of reasons: unusually high traffic, a bad or corrupted conversion file, or others. Do not worry! Check back in 15 minutes. In most cases, it will be resolved.  If it is not, click the 'report buton to notify support.";
+    "Parsing is taking longer than usual. Reasons may include unusually high traffic, or a corrupted conversion file. Don’t worry - in most cases, this will resolve in 10 minutes. If not, click the “report” button to notify support.  It will be fixed in 24 hours.";
   const disabled = docType ? false : true;
   return (
     <div className="doc-card-container">

src/pageElements/Tooltip.js

@@ -1,16 +1,18 @@
+import { useState } from "react";
 import "../styles/tooltip.scss";
 import { InfoCircle } from "react-bootstrap-icons";
 
 function Tooltip(props) {
+  const [show, setShow] = useState(false);
   const { text } = props;
   return (
-    <div className="tooltip-container">
-      <InfoCircle
-        className="infocircle-icon"
-        size="16px"
-        style={{ color: "red" }}
-      />
-      <span className="tooltip-text">{text}</span>
+    <div
+      className="tooltip-container"
+      onMouseEnter={() => setShow(true)}
+      onMouseLeave={() => setShow(false)}
+    >
+      <InfoCircle className="infocircle-icon" size="16px" />
+      {show ? <span className="tooltip-text">{text}</span> : <></>}
     </div>
   );
 }