From 8b11fae7658ca10d4c6fc4a73644d6864aea8a1e Mon Sep 17 00:00:00 2001 From: Kenneth Jannette Date: Fri, 12 Jan 2024 17:18:30 -0600 Subject: [PATCH 1/8] more --- src/Components/Case/CaseListPage.js | 3 ++ src/Components/Navigation/Navpanel.js | 13 ++++--- src/styles/contact.scss | 54 +++++++++++++++++++-------- 3 files changed, 50 insertions(+), 20 deletions(-) diff --git a/src/Components/Case/CaseListPage.js b/src/Components/Case/CaseListPage.js index a1db39b..1132750 100644 --- a/src/Components/Case/CaseListPage.js +++ b/src/Components/Case/CaseListPage.js @@ -28,6 +28,9 @@ const CaseListPage = ({ perPage }) => { if (count.current == null) { setIsMobile(window.innerWidth < 440); } + if (count.current < 3) { + setIsMobile(window.innerWidth < 440); + } return () => { count.current = 1; }; diff --git a/src/Components/Navigation/Navpanel.js b/src/Components/Navigation/Navpanel.js index 8dca5d8..650ccaa 100644 --- a/src/Components/Navigation/Navpanel.js +++ b/src/Components/Navigation/Navpanel.js @@ -65,24 +65,27 @@ export default function Navpanel(props) { Dashboard -
+
packUpAndLeave("cases")} > Cases
-
+
packUpAndLeave("documents")} > Documents
- packUpAndLeave("")}> + packUpAndLeave("")} + > Blog
diff --git a/src/styles/contact.scss b/src/styles/contact.scss index 6ea0dec..fdcddbb 100644 --- a/src/styles/contact.scss +++ b/src/styles/contact.scss @@ -54,6 +54,14 @@ padding-right: 25px; } +.contact-link-twotwo { + font-size: 0.95rem; + letter-spacing: 0.92rem; + color: #fff; + text-decoration: none; + padding-right: 25px; +} + .contactLinkThree { letter-spacing: 1rem; text-decoration: none; @@ -106,6 +114,15 @@ letter-spacing: 0.2rem; } +.contact-detail-twotwo { + display: flex; + flex-direction: row-reverse; + height: 38px; + margin: 12px 0px; + padding-right: 18px; + background-color: hsl(17, 100%, 61%); +} + .contact-detail-three { display: flex; flex-direction: row-reverse; @@ -115,6 +132,15 @@ letter-spacing: 0.5rem; } +.contact-detail-threethree { + display: flex; + flex-direction: row-reverse; + height: 40px; + margin: 12px 0px; + background-color: rgb(93, 206, 255); + letter-spacing: 0.5rem; +} + .contactDetailFour { width: 40%; background-color: orange; @@ -206,20 +232,18 @@ padding-right: 20px; } - .contactLink { - letter-spacing: 0.2rem; + .nav-link-threthree { + color: black; + letter-spacing: 1rem; + text-decoration: none; + padding-right: 24px; + } + + .contact-linklink { + font-size: 1rem; + letter-spacing: 0.6rem; + color: #fff; + text-decoration: none; + padding-right: 16px; } } - -/* -.threeInner { - display: flex; - margin-left: 5px; - height: 300px; - width: 130px; - border-radius: 0px; - overflow: hidden; - opacity: 0.4; - background: linear-gradient(to left, rgba(245, 246, 252, 0.52), red); -} -*/ From 64eab17924e39a8dc01270aa3ab47c546d9da060 Mon Sep 17 00:00:00 2001 From: Kenneth Jannette Date: Fri, 12 Jan 2024 17:24:13 -0600 Subject: [PATCH 2/8] more --- src/Components/Document/DocumentListPage.js | 199 ++++++++++---------- 1 file changed, 103 insertions(+), 96 deletions(-) diff --git a/src/Components/Document/DocumentListPage.js b/src/Components/Document/DocumentListPage.js index c050b88..4797e29 100644 --- a/src/Components/Document/DocumentListPage.js +++ b/src/Components/Document/DocumentListPage.js @@ -4,6 +4,7 @@ import { AppContext } from "../../Hooks/useContext/appContext"; import SelectDropdown from "../../pageElements/SelectDropdown"; import { DocCard } from "../../pageElements/Cards"; import { db } from "../../firebase"; +import MobileContent from "../MobileContent"; import { collection, deleteDoc, @@ -18,6 +19,8 @@ import ConfirmModal from "../Modals/ConfirmModal"; import "../../styles/doclist-page.scss"; const DocumentListPage = ({ perPage }) => { + const size = window.innerWidth < 440; + const [isMobile, setIsMobile] = useState(size); const navigate = useNavigate(); const [showDeleteModal, setShowDeleteModal] = useState(false); const [selectedDocumentId, setSelectedDocumentId] = useState(null); @@ -164,103 +167,107 @@ const DocumentListPage = ({ perPage }) => { if (!group) { return null; } - console.log("allDocs", allDocs); - return ( - <> -
-

Documents

-
{group.firm}
-
- {allDocs === null ?
Loading...
: null} - {allDocs !== null ? ( -
- {allDocs.length > 0 ? ( -
- -
- ) : ( - <> - )} -
- {allDocs.length > 0 ? ( - allDocs - .slice((page - 1) * perPage, page * perPage) - .map((doc, i) => ( - - )) - ) : ( -
-

- {" "} - You have not uploaded any documents yet. -

-

To upload a document:

-
    -
  1. - Navigate to the cases view (above link in navigation bar).{" "} -
    2. -
  2. - {" "} - Click "View Case" to select the case with which your - document will be associated. This will open the Case Detail - view.{" "} -
    3. -
  3. - Note: If you have not yet created any cases, you will need - to create one first - click "Create Case" and follow the - prompts. -
    4. -
  4. - In the case detail view, click "Upload Case Document" and - select a document from your computer for upload. -
    5. -
  5. - Your document will be parsed into a processable form. You - will then be able to generate a response to the document. -
    6. -
-
- )} -
- {totalPages > 1 ? ( -
- -
- ) : null} + + const DesktopContent = () => { + return ( + <> +
+

Documents

+
{group.firm}
- ) : null} - {showDeleteModal && selectedDocumentId !== null ? ( - - ) : null} - - ); + {allDocs === null ?
Loading...
: null} + {allDocs !== null ? ( +
+ {allDocs.length > 0 ? ( +
+ +
+ ) : ( + <> + )} +
+ {allDocs.length > 0 ? ( + allDocs + .slice((page - 1) * perPage, page * perPage) + .map((doc, i) => ( + + )) + ) : ( +
+

+ {" "} + You have not uploaded any documents yet. +

+

To upload a document:

+
    +
  1. + Navigate to the cases view (above link in navigation bar).{" "} +
    2. +
  2. + {" "} + Click "View Case" to select the case with which your + document will be associated. This will open the Case + Detail view.{" "} +
    3. +
  3. + Note: If you have not yet created any cases, you will need + to create one first - click "Create Case" and follow the + prompts. +
    4. +
  4. + In the case detail view, click "Upload Case Document" and + select a document from your computer for upload. +
    5. +
  5. + Your document will be parsed into a processable form. You + will then be able to generate a response to the document. +
    6. +
+
+ )} +
+ {totalPages > 1 ? ( +
+ +
+ ) : null} +
+ ) : null} + {showDeleteModal && selectedDocumentId !== null ? ( + + ) : null} + + ); + }; + + return isMobile ? : ; }; export default DocumentListPage; From 6d7770c3b79e8d3abba6841e0e8e284239b22e26 Mon Sep 17 00:00:00 2001 From: Kenneth Jannette Date: Fri, 12 Jan 2024 17:26:35 -0600 Subject: [PATCH 3/8] more --- src/Components/Document/DocumentListPage.js | 28 ++++++++++----------- src/pageElements/Cards.js | 7 +----- 2 files changed, 15 insertions(+), 20 deletions(-) diff --git a/src/Components/Document/DocumentListPage.js b/src/Components/Document/DocumentListPage.js index 4797e29..90d2692 100644 --- a/src/Components/Document/DocumentListPage.js +++ b/src/Components/Document/DocumentListPage.js @@ -1,4 +1,4 @@ -import { useContext, useEffect, useState } from "react"; +import { useContext, useEffect, useState, useRef } from "react"; import { useNavigate } from "react-router-dom"; import { AppContext } from "../../Hooks/useContext/appContext"; import SelectDropdown from "../../pageElements/SelectDropdown"; @@ -21,6 +21,7 @@ import "../../styles/doclist-page.scss"; const DocumentListPage = ({ perPage }) => { const size = window.innerWidth < 440; const [isMobile, setIsMobile] = useState(size); + const count = useRef(null); const navigate = useNavigate(); const [showDeleteModal, setShowDeleteModal] = useState(false); const [selectedDocumentId, setSelectedDocumentId] = useState(null); @@ -36,6 +37,18 @@ const DocumentListPage = ({ perPage }) => { const [selectedDocumentType, setSelectedDocumentType] = useState(); const [showModal, setShowModal] = useState(false); + useEffect(() => { + if (count.current == null) { + setIsMobile(window.innerWidth < 440); + } + if (count.current < 3) { + setIsMobile(window.innerWidth < 440); + } + return () => { + count.current = 1; + }; + }, []); + function getDocuments() { if (!appUserId) { setAllDocs([]); @@ -121,17 +134,6 @@ const DocumentListPage = ({ perPage }) => { { label: "Associated case name z - a", value: "parentCaseName2" }, ]; - async function openDoc(docId) { - /* - may deprecate this functionality - try { - window.open(`${baseUrl}/Backend/Documents/Uploads/${docId}`, "_blank"); - } catch (err) { - console.log("Error occurred fetching document:", err); - } - */ - } - function handleNavigate( documentId, responseGenerations, @@ -203,7 +205,6 @@ const DocumentListPage = ({ perPage }) => { docType={doc.docType} documentId={doc.documentId} dateServed={doc.dateServed} - openDocument={openDoc} confirmDelete={confirmDelete} handleNavigate={handleNavigate} displayDeleteButton={true} @@ -266,7 +267,6 @@ const DocumentListPage = ({ perPage }) => { ); }; - return isMobile ? : ; }; diff --git a/src/pageElements/Cards.js b/src/pageElements/Cards.js index f15e4dd..8cba675 100644 --- a/src/pageElements/Cards.js +++ b/src/pageElements/Cards.js @@ -271,7 +271,6 @@ export const DocCard = (props) => { parentCaseId, documentId, dateServed, - openDocument, docType, displayDeleteButton, handleNavigate, @@ -283,11 +282,7 @@ export const DocCard = (props) => {
- openDocument(documentId)} - size="22px" - /> +
{title}
{dateServed ? ( From e49f94d7d4382af0d9159807eaec690dffd3d53f Mon Sep 17 00:00:00 2001 From: Kenneth Jannette Date: Fri, 12 Jan 2024 17:27:57 -0600 Subject: [PATCH 4/8] more --- src/Components/Case/CaseListPage.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Components/Case/CaseListPage.js b/src/Components/Case/CaseListPage.js index 1132750..fbf655a 100644 --- a/src/Components/Case/CaseListPage.js +++ b/src/Components/Case/CaseListPage.js @@ -101,7 +101,7 @@ const CaseListPage = ({ perPage }) => { if (!group) { return null; } - console.log("window.innerWidth < 440", window.innerWidth < 440); + const DesktopContent = () => { return ( <> From f10b02478e8376344d1a6be5ca77427cc57fd45c Mon Sep 17 00:00:00 2001 From: Kenneth Jannette Date: Fri, 12 Jan 2024 17:35:47 -0600 Subject: [PATCH 5/8] more --- src/Components/HowTo/HowToPage.js | 1 + src/Constants/Copy/howToSteps.js | 9 +++++++-- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/src/Components/HowTo/HowToPage.js b/src/Components/HowTo/HowToPage.js index 945f9f6..057515e 100644 --- a/src/Components/HowTo/HowToPage.js +++ b/src/Components/HowTo/HowToPage.js @@ -1,6 +1,7 @@ import { useContext } from "react"; import { AppContext } from "../../Hooks/useContext/appContext"; import { Steps } from "../../Constants/Copy/howToSteps.js"; + import "../../styles/howTo-page.scss"; import { ReactComponent as HowToInfoSvg } from "../../Assets/svg/howToInfo.svg"; diff --git a/src/Constants/Copy/howToSteps.js b/src/Constants/Copy/howToSteps.js index d85b318..04da1c1 100644 --- a/src/Constants/Copy/howToSteps.js +++ b/src/Constants/Copy/howToSteps.js @@ -1,3 +1,5 @@ +import { ExclamationTriangle } from "react-bootstrap-icons"; + export const Steps = () => (

Generate Discovery Responses

@@ -31,10 +33,13 @@ export const Steps = () => ( satisfied, you can download a .docx file by clicking the “Create .docx File” button. + Pro tip: once you've created a case, you can skip most of these steps. Simply search for the case by entering the case number in the - search bar on your Dashboard, and click "Express Document Upload" and - follow the prompts. + search bar on your Dashboard, click "Express Document + Upload" and follow the prompts.

From af9ce107e5bc3c8e231decf88a3795d5ebf6b6dd Mon Sep 17 00:00:00 2001 From: Kenneth Jannette Date: Fri, 12 Jan 2024 17:39:28 -0600 Subject: [PATCH 6/8] more --- src/Components/Home/HomePage.js | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/src/Components/Home/HomePage.js b/src/Components/Home/HomePage.js index 507968c..1504218 100644 --- a/src/Components/Home/HomePage.js +++ b/src/Components/Home/HomePage.js @@ -128,21 +128,26 @@ const HomePage = () => {
- +
-

Proactive Alerts

+

Discovery Requests

- Your NovoDash displays important deadlines, sends email/SMS - alerts, and will auto-draft responses and remind you to - serve them. + Generate discovery requests with a few clicks, or select + manually from a comprehensive request library. Done in a + heartbeat, with a .docx for review and service.

@@ -181,26 +186,21 @@ const HomePage = () => {
- +
-

Discovery Requests

+

Proactive Alerts

- Generate discovery requests with a few clicks, or select - manually from a comprehensive request library. Done in a - heartbeat, with a .docx for review and service. + Your NovoDash displays important deadlines, sends email/SMS + alerts, and will auto-draft responses and remind you to + serve them.

From 2cce676f594600fb820a351245b4689bf58ea281 Mon Sep 17 00:00:00 2001 From: Kenneth Jannette Date: Fri, 12 Jan 2024 17:46:08 -0600 Subject: [PATCH 7/8] more --- src/Components/Home/HomePage.js | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/src/Components/Home/HomePage.js b/src/Components/Home/HomePage.js index 1504218..5707d26 100644 --- a/src/Components/Home/HomePage.js +++ b/src/Components/Home/HomePage.js @@ -3,9 +3,8 @@ import suitAI from "../../Assets/Images/suitAI.png"; import laptop from "../../Assets/Images/laptop.png"; import arrow from "../../Assets/Images/Arrow.png"; import scales_centered from "../../Assets/Images/scales_centered.png"; -import hand_clear from "../../Assets/Images/hand_clear.png"; -import hand_rework6 from "../../Assets/Images/hand_rework6.png"; -import gavel_clear from "../../Assets/Images/gavel_clear.png"; +import hand_rework7 from "../../Assets/Images/hand_rework7.png"; +import gavel_clear1 from "../../Assets/Images/gavel_clear1.png"; import Group80 from "../../Assets/Images/Group80.png"; import { useNavigate } from "react-router-dom"; import "../../styles/homepage.scss"; @@ -129,7 +128,7 @@ const HomePage = () => {
{
- +
From f49a161f6394388c797a457d57f622284b38e31b Mon Sep 17 00:00:00 2001 From: Kenneth Jannette Date: Fri, 12 Jan 2024 17:52:14 -0600 Subject: [PATCH 8/8] more --- src/Components/Home/HomePage.js | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/src/Components/Home/HomePage.js b/src/Components/Home/HomePage.js index 5707d26..824ad61 100644 --- a/src/Components/Home/HomePage.js +++ b/src/Components/Home/HomePage.js @@ -15,12 +15,15 @@ const HomePage = () => { const handleNavigate = () => { navigate("/signup"); }; + const handleLogin = () => { navigate("/login"); }; + const handleDemo = () => { navigate("/demorequestpage"); }; + return ( <>
@@ -56,7 +59,6 @@ const HomePage = () => {
{/* Section 2 */} -
@@ -124,7 +126,6 @@ const HomePage = () => {
{/*********** CARD ONE *********** */} -
{
- {/*********** CARD TWO *********** */} -
{
- {/*********** CARD THREE *********** */} -
@@ -197,9 +194,9 @@ const HomePage = () => {

- Your NovoDash displays important deadlines, sends email/SMS - alerts, and will auto-draft responses and remind you to - serve them. + Your Novodash displays important deadlines, sends email/SMS + alerts, can auto-draft documents and remind you to serve + them.