From b36413310385056bc674ea123ea145042f69f829 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Mon, 22 Jan 2024 15:13:05 -0600
Subject: [PATCH 1/6] more

---
 src/Components/Document/DocumentListPage.js | 3 ++-
 src/pageElements/Cards.js                   | 9 +++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/Components/Document/DocumentListPage.js b/src/Components/Document/DocumentListPage.js
index 3120e46..981183d 100644
--- a/src/Components/Document/DocumentListPage.js
+++ b/src/Components/Document/DocumentListPage.js
@@ -171,7 +171,7 @@ const DocumentListPage = ({ perPage }) => {
   if (!group) {
     return null;
   }
-
+  console.log("allDocs", allDocs);
   const DesktopContent = () => {
     return (
       <>
@@ -204,6 +204,7 @@ const DocumentListPage = ({ perPage }) => {
                       parentCaseNumber={doc.parentCaseNumber}
                       parentCaseName={doc.parentCaseName}
                       parentCaseId={doc.parentCaseId}
+                      createdAt={doc.createdAt}
                       docType={doc.docType}
                       documentId={doc.documentId}
                       dateServed={doc.dateServed}
diff --git a/src/pageElements/Cards.js b/src/pageElements/Cards.js
index 90377e8..20ef58b 100644
--- a/src/pageElements/Cards.js
+++ b/src/pageElements/Cards.js
@@ -4,7 +4,7 @@ import { FileEarmarkText } from "react-bootstrap-icons";
 import TextInput from "../pageElements/TextInput";
 import Tooltip from "../pageElements/Tooltip";
 import { InfoCircle } from "react-bootstrap-icons";
-
+import { toDate } from "firebase/firestore";
 export const InfoCard = (props) => {
   const { data, onEdit, onCancel, onSave, onChangeInput, isEditing, isBusy } =
     props;
@@ -273,8 +273,13 @@ export const DocCard = (props) => {
     handleNavigate,
     responseGenerations,
     confirmDelete,
+    createdAt,
   } = props;
-
+  const now = new Date().getTime();
+  const temp = createdAt.toDate();
+  const diff = Math.round((now - temp) / 60 / 1000);
+  const isReportable = diff > 15;
+  console.log("isRpeortable", isReportable);
   const report = (documentId, docType) => {
     console.log("report documentId, docType", documentId, docType);
   };

From f0f59a3d3f131c385d4bf6ac9b37e928907f0219 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Mon, 22 Jan 2024 15:16:23 -0600
Subject: [PATCH 2/6] more

---
 src/pageElements/Cards.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/pageElements/Cards.js b/src/pageElements/Cards.js
index 20ef58b..d6e67eb 100644
--- a/src/pageElements/Cards.js
+++ b/src/pageElements/Cards.js
@@ -286,6 +286,7 @@ export const DocCard = (props) => {
 
   const tooltipText =
     "Parsing is taking a bit longer than usual. This usually resolves within 10 - 15 minutes. If it does not, click “report” and support will address the issue within 24 hours.";
+
   const disabled = docType ? false : true;
   return (
     <div className="doc-card-container">
@@ -294,7 +295,16 @@ export const DocCard = (props) => {
           <FileEarmarkText className="doc-file-icon" size="22px" />
         </div>
         <div className="doc-col2">
-          {title} {disabled ? <Tooltip text={tooltipText} /> : <></>}
+          {title}{" "}
+          {disabled ? (
+            isReportable ? (
+              <Tooltip text={tooltipText} />
+            ) : (
+              <Tooltip text={tooltipText} iconStyle="clock" />
+            )
+          ) : (
+            <></>
+          )}
         </div>
         {dateServed ? (
           <div className="doc-col3">Served: {dateServed}</div>
@@ -304,7 +314,7 @@ export const DocCard = (props) => {
         <div className="doc-col4">
           <div className="jurisdiction-box">{parentCaseName}</div>
         </div>
-        {disabled ? (
+        {disabled && isReportable ? (
           <div className="doc-col5">
             <Button
               labelText="Report"

From 1c28d4a7ebd867c0de26049d5fcb00273d735a76 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Mon, 22 Jan 2024 15:45:07 -0600
Subject: [PATCH 3/6] more

---
 src/pageElements/Cards.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pageElements/Cards.js b/src/pageElements/Cards.js
index d6e67eb..f85ba6c 100644
--- a/src/pageElements/Cards.js
+++ b/src/pageElements/Cards.js
@@ -276,10 +276,10 @@ export const DocCard = (props) => {
     createdAt,
   } = props;
   const now = new Date().getTime();
-  const temp = createdAt.toDate();
-  const diff = Math.round((now - temp) / 60 / 1000);
+  const uploadedAt = createdAt.toDate();
+  const diff = Math.round((now - uploadedAt) / 60 / 1000);
   const isReportable = diff > 15;
-  console.log("isRpeortable", isReportable);
+  console.log("diff", diff);
   const report = (documentId, docType) => {
     console.log("report documentId, docType", documentId, docType);
   };

From 3e50af38de70d7e55c23fca3f82c8b1fb86e5b87 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Mon, 22 Jan 2024 15:54:22 -0600
Subject: [PATCH 4/6] more

---
 src/pageElements/Cards.js   | 15 +++++++--------
 src/pageElements/Tooltip.js | 12 +++++++++---
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/pageElements/Cards.js b/src/pageElements/Cards.js
index f85ba6c..c0e02de 100644
--- a/src/pageElements/Cards.js
+++ b/src/pageElements/Cards.js
@@ -277,17 +277,16 @@ export const DocCard = (props) => {
   } = props;
   const now = new Date().getTime();
   const uploadedAt = createdAt.toDate();
-  const diff = Math.round((now - uploadedAt) / 60 / 1000);
-  const isReportable = diff > 15;
-  console.log("diff", diff);
+  const isReportable = Math.round((now - uploadedAt) / 60 / 1000) > 15;
+  const disabled = docType ? false : true;
+  const tooltipText =
+    "Parsing is taking a bit longer than usual. This usually resolves within 15 minutes. If it does not, click “report” and support will address the issue within 24 hours.";
+  const pendingText =
+    "Parsing in process, please be patient. This should resolve within 10 minutes.";
   const report = (documentId, docType) => {
     console.log("report documentId, docType", documentId, docType);
   };
 
-  const tooltipText =
-    "Parsing is taking a bit longer than usual. This usually resolves within 10 - 15 minutes. If it does not, click “report” and support will address the issue within 24 hours.";
-
-  const disabled = docType ? false : true;
   return (
     <div className="doc-card-container">
       <div className="doc-card-input">
@@ -300,7 +299,7 @@ export const DocCard = (props) => {
             isReportable ? (
               <Tooltip text={tooltipText} />
             ) : (
-              <Tooltip text={tooltipText} iconStyle="clock" />
+              <Tooltip text={pendingText} iconStyle="clock" />
             )
           ) : (
             <></>
diff --git a/src/pageElements/Tooltip.js b/src/pageElements/Tooltip.js
index ba6aa7c..ed6bdf7 100644
--- a/src/pageElements/Tooltip.js
+++ b/src/pageElements/Tooltip.js
@@ -1,17 +1,23 @@
 import { useState } from "react";
 import "../styles/tooltip.scss";
-import { InfoCircle } from "react-bootstrap-icons";
+import { InfoCircle, Clock } from "react-bootstrap-icons";
 
 function Tooltip(props) {
   const [show, setShow] = useState(false);
-  const { text } = props;
+  const { text, iconStyle } = props;
+  const showClock = iconStyle === "clock";
   return (
     <div
       className="tooltip-container"
       onMouseEnter={() => setShow(true)}
       onMouseLeave={() => setShow(false)}
     >
-      <InfoCircle className="infocircle-icon" size="16px" />
+      {showClock ? (
+        <Clock className="infocircle-icon" size="16px" />
+      ) : (
+        <InfoCircle className="infocircle-icon" size="16px" />
+      )}
+
       {show ? <span className="tooltip-text">{text}</span> : <></>}
     </div>
   );

From 434ea2ec9edfbef318d047ff8b6876bec829a3ec Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Mon, 22 Jan 2024 16:32:28 -0600
Subject: [PATCH 5/6] more

---
 src/pageElements/Cards.js | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/pageElements/Cards.js b/src/pageElements/Cards.js
index c0e02de..965e9f7 100644
--- a/src/pageElements/Cards.js
+++ b/src/pageElements/Cards.js
@@ -295,12 +295,9 @@ export const DocCard = (props) => {
         </div>
         <div className="doc-col2">
           {title}{" "}
-          {disabled ? (
-            isReportable ? (
-              <Tooltip text={tooltipText} />
-            ) : (
-              <Tooltip text={pendingText} iconStyle="clock" />
-            )
+          {disabled && isReportable ? <Tooltip text={tooltipText} /> : <></>}
+          {disabled && !isReportable ? (
+            <Tooltip text={pendingText} iconStyle="clock" />
           ) : (
             <></>
           )}
@@ -359,3 +356,17 @@ export const DocCard = (props) => {
     </div>
   );
 };
+
+/*
+
+          {disabled ? (
+            isReportable ? (
+              <Tooltip text={tooltipText} />
+            ) : (
+              <Tooltip text={pendingText} iconStyle="clock" />
+            )
+          ) : (
+            <></>
+          )}
+
+          */

From b36fe56aa48737ac7535dfb550a919cb0fca3db1 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Mon, 22 Jan 2024 16:34:00 -0600
Subject: [PATCH 6/6] more

---
 src/pageElements/Tooltip.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/pageElements/Tooltip.js b/src/pageElements/Tooltip.js
index ed6bdf7..bd10aa8 100644
--- a/src/pageElements/Tooltip.js
+++ b/src/pageElements/Tooltip.js
@@ -3,22 +3,21 @@ import "../styles/tooltip.scss";
 import { InfoCircle, Clock } from "react-bootstrap-icons";
 
 function Tooltip(props) {
-  const [show, setShow] = useState(false);
+  const [showMessage, setShowMessage] = useState(false);
   const { text, iconStyle } = props;
   const showClock = iconStyle === "clock";
   return (
     <div
       className="tooltip-container"
-      onMouseEnter={() => setShow(true)}
-      onMouseLeave={() => setShow(false)}
+      onMouseEnter={() => setShowMessage(true)}
+      onMouseLeave={() => setShowMessage(false)}
     >
       {showClock ? (
         <Clock className="infocircle-icon" size="16px" />
       ) : (
         <InfoCircle className="infocircle-icon" size="16px" />
       )}
-
-      {show ? <span className="tooltip-text">{text}</span> : <></>}
+      {showMessage ? <span className="tooltip-text">{text}</span> : <></>}
     </div>
   );
 }