more

src/pageElements/Cards.js

@@ -25,11 +25,6 @@ export const InfoCard = (props) => {
     parties,
   } = data;
 
-  /*
-  const [editPLaintiffs, setEditPLaintiffs] = useState(plaintiffs);
-  const [editDefendants, setEditDefendants] = useState(defendants);
-  */
-
   const editingContent = () => {
     return (
       <>
@@ -280,7 +275,7 @@ export const DocCard = (props) => {
     confirmDelete,
   } = props;
   const tooltipText =
-    "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.";
+    "Parsing is taking longer than usual. Reasons may include unusually high traffic, or temporary system error. 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">
@@ -302,6 +297,12 @@ export const DocCard = (props) => {
         <div className="doc-col5">{parentCaseNumber}</div>
         <div className="doc-col6">
           {displayDeleteButton ? (
+            disabled ? (
+              <Button
+                labelText="Report"
+                className="btn btn-primary report-button"
+              />
+            ) : (
               <Button
                 onClick={() =>
                   confirmDelete(documentId, docType, responseGenerations)
@@ -309,6 +310,7 @@ export const DocCard = (props) => {
                 labelText="Delete"
                 className="btn btn-primary view-button delete-one"
               />
+            )
           ) : (
             <></>
           )}

src/styles/cards.scss

@@ -127,6 +127,18 @@
   height: 35px;
 }
 
+.report-button {
+  background-color: #fff !important;
+  border: 1px solid red !important;
+  color: red !important;
+  width: 80px;
+  height: 35px;
+}
+
+.report-button:hover {
+  background-color: rgb(247, 248, 248) !important;
+}
+
 .card-text1 {
   margin-top: 17px;
   margin-right: 20px;