Merge pull request #151 from kjannette/morn2

Morn2

src/Components/Document/DocEditPage.js

@@ -147,6 +147,7 @@ const DocEditPage = (props) => {
       if (docSnap.exists()) {
         const _case = docSnap.data();
         _case.id = docSnap._key.path.segments[1];
+        console.log("case", _case);
         setFetchedCase(_case);
       } else {
         console.log("DB item does not exist");
@@ -204,7 +205,6 @@ const DocEditPage = (props) => {
       })
       .catch((err) => console.log(err));
   }, [documentId, docType]);
-  //_______________________________
   async function getParsedRogs(docId, docType) {
     if (!docId || !docType) {
       return;
@@ -232,48 +232,7 @@ const DocEditPage = (props) => {
       })
       .catch((err) => console.log(err));
   }, [documentId, docType]);
-  //_______________________________
-  /*
-  async function getOutgoingRequests(documentId) {
-    console.log("getOutgoingRequests fired--------------------");
-    if (!documentId) {
-      return;
-    }
-    const docType = String(documentType);
-    const docId = String(documentId);
-    const response = await fetch(
-      `${apiUrl}/v1/get-outgoing-requests/${docId}/${docType}`,
-      {
-        method: "GET",
-      }
-    );
-    const req = await response.json();
-    return req;
-  }
 
-  useEffect(() => {
-    if (!documentId) {
-      return;
-    }
-    getOutgoingRequests(documentId)
-      .then((data) => {
-        console.log(
-          "-------------------------data[0].requests",
-          data[0].requests
-        );
-        const merged = [...foundationRogs, ...data[0].requests];
-        const resp = merged?.map((item, index) => {
-          // NEVER CHANGE THIS:
-          return { showInputEle: false, text: item.text, index: index };
-        });
-        if (resp.length > 10) {
-          setRequests(resp);
-          setProdReq(standardProd);
-        }
-      })
-      .catch((err) => console.log(err));
-  }, [documentId]);
-*/
   async function postEditedResponses(docId, docType) {
     let obj = {};
     obj["type"] = docType;
@@ -477,6 +436,7 @@ const DocEditPage = (props) => {
   const handleBack = () => {
     navigate(`/documents`);
   };
+
   console.log("parsedRogs", parsedRogs);
   console.log("responses", responses);
   const editingContent = () => {
@@ -592,7 +552,8 @@ const DocEditPage = (props) => {
   };
 
   const readyToEdit = fetchedCase && responses.length > 1;
-
+  console.log("readyToEdit", readyToEdit);
+  console.log("fetchedCase", fetchedCase);
   return isLoading ? (
     <LoadingSpinner message={messages[0]} />
   ) : isBusy ? (

src/Components/Document/DocumentListPage.js

@@ -149,16 +149,13 @@ const DocumentListPage = ({ perPage }) => {
     caseId,
     documentType
   ) {
-    const _id = String(documentId);
+    const docId = String(documentId);
     const _resGen = String(responseGenerations);
-    const parentCaseId = String(caseId);
     const _docType = String(documentType);
     if (documentType === "interrogatories-out") {
-      navigate(`/reqedit/${_id}/interrogatories-out/${parentCaseId}`);
+      navigate(`/reqedit/${docId}/interrogatories-out/${caseId}`);
     } else {
-      navigate(
+      navigate(`/docedit/${docId}/${caseId}`);
-        `/docedit/${_id}/${responseGenerations}/${parentCaseId}/${documentType}`
-      );
     }
   }
 

src/Components/Home/HomePage.js

@@ -1,6 +1,10 @@
 import Button from "../../pageElements/Button";
 import arrow from "../../Assets/Images/Arrow.png";
 import { useNavigate } from "react-router-dom";
+import sweet_card_2 from "../../Assets/Images/sweet_card_2.png";
+import sweet_card_1 from "../../Assets/Images/sweet_card_1.png";
+import sweet_card_4 from "../../Assets/Images/sweet_card_4.png";
+import opac_butta from "../../Assets/Images/opac_butta.png";
 import "../../styles/homepage.scss";
 
 const HomePage = () => {
@@ -126,7 +130,7 @@ const HomePage = () => {
             <div className="home-card">
               <div className="card-image-container">
                 <img
-                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/2b360aa6-72bb-4e4f-4376-61d1353cd400/public"
+                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/5ff0ba9e-298f-4ee1-88d4-e19a44a00900/public"
                   alt="ai hand"
                   width="100%"
                   className="card-image"
@@ -142,9 +146,9 @@ const HomePage = () => {
 
                 <div className="home-card-text-box">
                   <p className="card-texts">
-                    Generate discovery requests with a few clicks, or select
+                    Generate discovery requests with AI at your service, edit or
-                    manually from a comprehensive request library. Done in a
+                    add special language with tags. Concise yet comprehensive
-                    heartbeat, with a .docx for review and service.
+                    demands, done in minutes and downloadable as .docx.
                   </p>
                 </div>
               </div>
@@ -153,7 +157,7 @@ const HomePage = () => {
             <div className="home-card">
               <div className="card-image-container">
                 <img
-                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/de0ff11a-7572-488e-ceb0-169085e30800/public"
+                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/7a6dd50e-4d8f-4068-61b2-634dc5603f00/public"
                   alt="scales image"
                   width="100%"
                   className="card-image"
@@ -169,9 +173,9 @@ const HomePage = () => {
 
                 <div className="home-card-text-box">
                   <p className="card-texts">
-                    Novodraft's AI drafts responses complete with compelling
+                    Novodraft's AI powers responses with compelling arguments
-                    arguments about what you choose not to disclose. Finished in
+                    about what you choose to disclose and withhold. You'll
-                    minutes with a .docx file for service.
+                    finish in minutes with a downloadable .docx file.
                   </p>
                 </div>
               </div>
@@ -180,7 +184,7 @@ const HomePage = () => {
             <div className="home-card">
               <div className="card-image-container">
                 <img
-                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/cea17924-229d-4471-e618-171eb9b94500/public"
+                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/00667aa1-f847-430c-7a5e-d96abeed3300/public"
                   alt=""
                   className="card-image"
                 />
@@ -207,7 +211,7 @@ const HomePage = () => {
           <div
             className="home-test-container"
             style={{
-              backgroundImage: `url(https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/e552d069-945d-481f-bc6b-5bbe2a49e000/public)`,
+              backgroundImage: `url(https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/209dcf14-c086-42b4-ca72-f058d9ad1b00/public)`,
               backgroundSize: "cover",
             }}
           >
@@ -215,13 +219,13 @@ const HomePage = () => {
               <div className="col-md-6">
                 <div className="bottom-header-box">
                   <h4 className="heading-6">
-                    Questions about our services? <br></br>We are here to
+                    Questions about our AI services? <br></br>
-                    answer!
+                    We'd like to talk!
                   </h4>
                   <h4 className="heading-6-mobile">
                     Questions about our products and services?
                   </h4>
-                  <h4 className="heading-6-mobile">We’re here to answer!</h4>
+                  <h4 className="heading-6-mobile">We're here to answer!</h4>
                 </div>
                 <h6 className="join-heading">
                   Let us show you how Novodraft will revolutionize your

src/pageElements/Cards.js

@@ -353,13 +353,7 @@ export const DocCard = (props) => {
           disabled={disabled}
           className={"primary-button pt-2 pb-2 gen-button"}
           onClick={() =>
-            documentId &&
+            documentId && handleNavigate(documentId, parentCaseId, docType)
-            handleNavigate(
-              documentId,
-              responseGenerations,
-              parentCaseId,
-              docType
-            )
           }
           labelText={buttonText}
         />

src/styles/homepage.scss

@@ -30,7 +30,6 @@ a {
 }
 
 .card-image {
-  border-radius: 15px;
   height: 90%;
   width: 90%;
 }
@@ -55,6 +54,12 @@ section.section-1:before {
 .homepage-button {
   color: white;
   z-index: 2;
+  border-radius: 0px !important;
+  filter: drop-shadow(4px 3px #b5a08e);
+}
+
+.homepage-button:hover {
+  filter: drop-shadow(0px 0px #b5a08e);
 }
 
 section.section-1 {
@@ -194,7 +199,6 @@ button.button-1 {
   font-weight: 400;
   line-height: normal;
   text-transform: capitalize;
-  border-radius: 15px;
   border: 1px solid #fff;
 }
 
@@ -286,10 +290,9 @@ p.text-block-2.text-center {
 }
 
 .card-body {
-  border-radius: 0px 0px 12.336px 12.336px;
   background: #fff;
   box-shadow: 25px 0 20px -20px rgba(199, 199, 208, 0.271);
-  padding: 16px 18px;
+  margin-top: -17px;
 }
 
 .card-upper-box {
@@ -308,7 +311,7 @@ p.text-block-2.text-center {
 p.card-texts {
   color: #90a3b4;
   font-family: Roboto;
-  font-size: 14px;
+  font-size: 0.98rem;
   font-style: normal;
   font-weight: 400;
   line-height: 23px; /* 125% */
@@ -320,14 +323,14 @@ p.card-texts {
 
 .foo-card-title {
   font-family: Roboto;
-  font-size: 1.5rem;
+  font-size: 1.7rem;
-  font-weight: 500;
+  font-weight: 400;
   margin-top: 8px;
-  letter-spacing: -0.009rem;
+  letter-spacing: -0.007rem;
+  color: #1f74a7;
 }
 
 img.card-img {
-  border-radius: 12.34px 12.34px 0px 0px;
   padding-bottom: 18px;
   background: white;
 }
@@ -362,10 +365,6 @@ p.card-title {
   padding: 8px 10px 0px 10px;
   width: 270px;
   height: 150px;
-  border-right: 1px solid var(--ultra-light-accent);
-  border-bottom: 1px solid var(--ultra-light-accent);
-  border-left: 1px solid var(--ultra-light-accent);
-  border-radius: 0px 0px 10px 10px;
 }
 
 .home-card-divider {
@@ -464,12 +463,13 @@ p.text-block-4 {
 .section-three-header {
   font-size: 30px;
   font-family: Roboto;
+  font-weight: 400;
   letter-spacing: 0.09px;
   align-items: center;
   justify-content: center;
   margin: 12px auto 0px auto;
   color: #757575;
-  letter-spacing: -0.09rem;
+  letter-spacing: 0.13rem;
 }
 
 .section-three-subhead {
@@ -502,12 +502,13 @@ h4.heading-6 {
   color: #fff;
   font-family: Roboto;
   font-size: 28px;
-  font-weight: 500;
+  font-weight: 400;
   line-height: 38px; /* 156.25% */
-  letter-spacing: 0.369px;
+  letter-spacing: 1.369px;
   text-transform: capitalize;
   margin-bottom: 18px;
   margin-top: 6px;
+  color: #1f74a7;
 }
 
 h6.heading-7 {
@@ -526,6 +527,7 @@ h6.heading-7 {
   font-size: 1.1rem;
   font-weight: 400;
   width: 520px;
+  color: #1f74a7;
 }
 
 .d-flex.div-block-3 {
@@ -554,7 +556,7 @@ h6.heading-7 {
 button.button-2 {
   width: 375px;
   height: 65px;
-  border-radius: 8px;
+  filter: drop-shadow(6px 6px #b5a08e);
   background: #4675c3;
   border: 0;
   color: #fff;
@@ -577,9 +579,9 @@ button.button-2 {
   padding: 76px 83px;
   background-position: center;
   //background-size: cover;
-  border-radius: 9.049px;
   background-color: #ffb571;
   background-repeat: no-repeat;
+  opacity: 0.9;
 }
 
 .heading-6-mobile {
@@ -594,7 +596,6 @@ button.button-2 {
   width: 300px;
   height: 480px;
   background-color: #fff;
-  border-radius: 10px;
   box-shadow: 0 60px 80px rgba(0, 0, 0, 0.6), 0 45px 26px rgba(0, 0, 0, 0.14);
 }
 
@@ -603,9 +604,7 @@ button.button-2 {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  background-color: #f2f2ff;
   width: 100%;
-  border-radius: 10px 10px 0px 0px;
 }
 
 footer.footer {
@@ -748,7 +747,6 @@ li.nav-item {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
-    border-radius: 10px;
   }
 
   section.section-1:before {
@@ -952,7 +950,6 @@ li.nav-item {
   }
 
   .card-body {
-    border-radius: 0px 0px 12.336px 12.336px;
     background: #fff;
     box-shadow: none;
     padding: 16px 18px;
@@ -994,7 +991,6 @@ li.nav-item {
   }
 
   img.card-img {
-    border-radius: 12.34px 12.34px 0px 0px;
     padding-bottom: 18px;
     background: white;
   }
@@ -1125,6 +1121,7 @@ li.nav-item {
 
   h4.heading-6 {
     display: none;
+    color: #1f74a7;
   }
 
   h6.heading-7 {
@@ -1176,13 +1173,13 @@ li.nav-item {
     margin-bottom: 1.1rem;
     margin-left: auto;
     margin-right: auto;
+    color: #1f74a7;
   }
 
   button.button-2 {
     width: 238px;
     height: 46px;
     flex-shrink: 0;
-    border-radius: 8px;
     background: #4675c3;
     border: 0;
     color: #fff;
@@ -1205,7 +1202,6 @@ li.nav-item {
     padding: 58px 17px;
     background-position: center;
     background-size: cover;
-    border-radius: 9.049px;
     background: #ffb571;
     background-repeat: no-repeat;
   }