Merge pull request #3 from CompliantInnovation/dev

Dev Former-commit-id: f3405ed
CompliantInnovation · Nov 10, 2021 · a6ade8f · a6ade8f
2 parents 7ec469d + 881ee49
commit a6ade8f
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 14 deletions.
diff --git a/components/ProviderSolutions.js b/components/ProviderSolutions.js
@@ -1,14 +1,13 @@
-import React from 'react'
+import React, { useContext } from 'react'
+import { Context } from '../context/context'
 
 const ProviderSolutions = () => {
-  const isBrowser = () => typeof window !== 'undefined'
+  const { state } = useContext(Context)
 
   return (
     <div style={{ backgroundColor: 'var(--blueXLight)', width: '100%' }}>
       <div className='provider-solutions inner-div'>
-        {isBrowser() && !window.location.href.includes('provider') && (
-          <h3 className='title'>DocSpera Premium</h3>
-        )}
+        {(state.route = 'provider' && <h3 className='title'>DocSpera Premium</h3>)}
         <h2 className='title-h2'>Integrated Provider Solutions</h2>
         <p>
           Efficient care coordination through patient's entire surgical journey using a best in

diff --git a/nav-pages/home.js b/nav-pages/home.js
@@ -314,6 +314,8 @@ export default function Home() {
           position: relative;
           background-image: url('https://assets.d4.docspera.com/home/images/iPad-landing-bluer.png');
           background-position: 15% 50%, center bottom;
+          background-repeat: no-repeat;
+          background-size: cover;
         }
 
         #landing-bg {

diff --git a/nav-pages/medical-device.js b/nav-pages/medical-device.js
@@ -251,7 +251,9 @@ export default function MedicalDevicePage() {
               <div className='case-study'>
                 <div className='img-div'>
                   <img src='https://assets.d4.docspera.com/home/caseStudies/case1.png' />
-                  <h3>Automated Inventory Management</h3>
+                  <div className='h3-div'>
+                    <h3>Automated Inventory Management</h3>
+                  </div>
                   <p>
                     A Single Center study using Integrated Surgical Care Coordination to improve
                     case visibility, planning, and reduce costs
@@ -268,7 +270,9 @@ export default function MedicalDevicePage() {
               <div className='case-study'>
                 <div className='img-div'>
                   <img src='https://assets.d4.docspera.com/home/caseStudies/case2.png' />
-                  <h3>New Product Launch</h3>
+                  <div className='h3-div'>
+                    <h3>New Product Launch</h3>
+                  </div>
                   <p>Post-Market Clinical Insights Study Using Real-World Data</p>
                 </div>
                 <a
@@ -282,7 +286,9 @@ export default function MedicalDevicePage() {
               <div className='case-study'>
                 <div className='img-div'>
                   <img src='https://assets.d4.docspera.com/home/caseStudies/case3.png' />
-                  <h3>Engage Your Customers</h3>
+                  <div className='h3-div'>
+                    <h3>Engage Your Customers</h3>
+                  </div>
                   <p>
                     Integrated Care Coordination Platform supports higher revenue growth, as well as
                     cost and time savings for the sales team
@@ -572,10 +578,16 @@ export default function MedicalDevicePage() {
           width: 100%;
         }
 
+        .case-study .h3-div {
+          display: flex;
+          align-items: center;
+          min-height: 50px;
+        }
+
         .case-study h3 {
           margin-left: 10px;
           font-size: 18px;
-          min-height: 50px;
+          color: var(--blueDocspera);
         }
 
         .case-study p {

diff --git a/pages/index.js b/pages/index.js
@@ -1,4 +1,4 @@
-import React, { useContext } from 'react'
+import React, { useContext, useEffect } from 'react'
 import { Context } from '../context/context'
 import Home from '../nav-pages/home'
 import Provider from '../nav-pages/provider'
@@ -7,11 +7,16 @@ import Company from '../nav-pages/company'
 
 export default function Index() {
   const { state } = useContext(Context)
-  if(state) {  
-    switch(state.route) {
+
+  useEffect(() => {
+    window.scrollTo(0, 0)
+  }, [state.route])
+
+  if (state) {
+    switch (state.route) {
       case 'home':
         return <Home />
-      case 'provider': 
+      case 'provider':
         return <Provider />
       case 'medical-device':
         return <MedicalDevice />
@@ -23,5 +28,4 @@ export default function Index() {
   } else {
     return <div></div>
   }
-
 }