More

src/Components/Document/DocEditPage.js

@@ -2,6 +2,7 @@ import { useState, useContext, useEffect } from "react";
 import NewYorkCaption from "./captionHeaders/newYorkCaption.js";
 import NewJerseyCaption from "./captionHeaders/newJerseyCaption.js";
 import FloridaCaption from "./captionHeaders/floridaCaption.js";
+import MichiganCaption from "./captionHeaders/michiganCaption.js";
 import { useParams } from "react-router-dom";
 import { Link, useNavigate } from "react-router-dom";
 import EditElement from "../../pageElements/EditElement";
@@ -58,9 +59,11 @@ const DocEditPage = (props) => {
   const displayCopy =
     state === "ny"
       ? docEditCopy.NewYork
+      : state === "mi"
+      ? docEditCopy.Michigan
       : state === "nj"
       ? docEditCopy.NewJersey
-      : docEditCopy.NewYork;
+      : docEditCopy.NewJersey;
 
   const headerPicker = () => {
     switch (state) {
@@ -88,6 +91,14 @@ const DocEditPage = (props) => {
             onScrollClick={onScrollClick}
           />
         );
+      case "mi":
+        return (
+          <MichiganCaption
+            displayCopy={displayCopy}
+            fetchedCase={fetchedCase}
+            onScrollClick={onScrollClick}
+          />
+        );
       default:
         return (
           <NewYorkCaption

src/Components/Document/captionHeaders/michiganCaption.js

@@ -8,17 +8,12 @@ const MichiganCaption = (props) => {
     <>
       <div className="docedit-super-row">
         <div className="docedit-uppercol1"></div>
-        <div className="docedit-uppercol2">
+        <div className="docedit-uppercol2 centered-text">
           <span>STATE OF MICHIGAN</span>
           <span>
             IN THE CIRCUIT COURT FOR THE COUNTY OF{" "}
-            {fetchedCase?.venu.split(" ")[0]}
+            {fetchedCase?.venue.split(" ")[0].toUpperCase()}
           </span>
-          <div className="pleading-divider-box">
-            <div>
-              -----------------------------------------------------------------------X
-            </div>
-          </div>
         </div>
         <div className="docedit-uppercol3"></div>
       </div>
@@ -26,7 +21,7 @@ const MichiganCaption = (props) => {
         <div className="docedit-header-col1">
           <div className="docedit-header-text">Edit Document</div>
         </div>
-        <div className="docedit-header-col2">
+        <div className="docedit-header-col2 plain-text">
           <div className="header-middle-row1">
             {fetchedCase?.caption ? fetchedCase?.caption : <></>},
           </div>
@@ -35,13 +30,13 @@ const MichiganCaption = (props) => {
             <div className="middle-row-inner">
               <div>Plaintiff(s),</div>
               <div className="casenum-box">
-                Index no. {fetchedCase?.caseNumber}
+                Case No. {fetchedCase?.caseNumber}
               </div>
             </div>
           </div>
           <div className="header-middle-row3">
             <div>{displayCopy.versusText}</div>
-            <div>Judge: {fetchedCase?.judge}</div>
+            <div>Hon. {fetchedCase?.judge}</div>
           </div>
           <div className="header-middle-row4">
             {fetchedCase?.captionTwo ? fetchedCase?.captionTwo : <></>},
@@ -51,9 +46,7 @@ const MichiganCaption = (props) => {
             <div>Defendant(s)</div>
           </div>
           <div className="pleading-divider-box">
-            <div>
+            <div>__________________________________________________/</div>
-              ----------------------------------------------------------------------------X
-            </div>
           </div>
         </div>
         <div className="docedit-header-col3">

src/Constants/Copy/docEditCopy.js

@@ -55,6 +55,31 @@ export const docEditCopy = {
     caseNumber: "Docket No.",
     versusText: "vs.",
   },
+  Michigan: {
+    prelimaryStatement: function (documentType, respondent, servingParty) {
+      const docCopy =
+        documentType && documentType === "interrogatories"
+          ? "Interrogatories"
+          : documentType && documentType === "admissions"
+          ? "Request for Admissions"
+          : documentType && documentType === "production"
+          ? "Request for Production"
+          : documentType && documentType.includes("combined")
+          ? "Interrogatories and Request for Production"
+          : null;
+
+      const copyString = `COMES NOW, Respondent(s), ${respondent}, through counsel, in response to the ${docCopy}
+        served by ${servingParty}, and states as follows:`;
+
+      return (
+        <div className="prelim-statement-container">
+          <p>{copyString}</p>
+        </div>
+      );
+    },
+    caseNumber: "Case No.",
+    versusText: "v.",
+  },
 };
 
 export const outgoingComesNow = (state, fetchedCase) => {

src/styles/docedit-page.scss

@@ -248,6 +248,15 @@
   color: #373737;
 }
 
+.centered-text {
+  text-align: center;
+  margin-bottom: 30px;
+}
+
+.plain-text {
+  font-weight: 400 !important;
+}
+
 .docedit-uppercol2 {
   display: flex;
   flex-direction: column;