pass the user session so we do not have to add an additional call on every page

Author: alishaevn

pages/_app.js

@@ -32,7 +32,7 @@ const WebStore = ({ Component }) => {
         navLinks={NAVIGATION_LINKS}
         userSession={session}
       />
-      <Component />
+      <Component session={session} />
       <Footer
         color={headerAndFooterLinkColors}
         companyName={FOOTER_NAME}

pages/browse/index.js

@@ -1,6 +1,5 @@
 import { useEffect, useState } from 'react'
 import { useRouter } from 'next/router'
-import { useSession } from 'next-auth/react'
 import {
   Item,
   ItemLoading,
@@ -14,9 +13,8 @@ import {
   useFilteredWares,
 } from '../../utils'
 
-const Browse = () => {
+const Browse = ({ session }) => {
   const router = useRouter()
-  const { data: session } = useSession()
   const [query, setQuery] = useState('')
   const existingQuery = router.query.q
 

pages/requests/[uuid].js

@@ -1,6 +1,5 @@
 import React, { useState, useEffect } from 'react'
 import { useRouter } from 'next/router'
-import { useSession } from 'next-auth/react'
 import {
   ActionsGroup,
   CollapsibleSection,
@@ -28,9 +27,8 @@ import {
   useOneRequest,
 } from '../../utils'
 
-const Request = () => {
+const Request = ({ session }) => {
   const router = useRouter()
-  const { data: session } = useSession()
   /**
    * as a dynamically routed file, the router query will always consist of a "key: value" pair that's determined by the name of
    * the file (key) and path string (value). additional query properties may also exist if they were explicitly passed.
@@ -136,7 +134,7 @@ const Request = () => {
           <CollapsibleSection header='Additional Information' description={request.htmlDescription} />
           <Title addClass='mt-4' title='Documents' size='small' />
           {documents.length ? documents.map((document, index) => (
-            <Document 
+            <Document
               addClass='mt-3'
               acceptSOW={acceptSOW(
                 request,

pages/requests/index.js

@@ -1,5 +1,4 @@
 import React from 'react'
-import { useSession } from 'next-auth/react'
 import { useRouter } from 'next/router'
 import {
   LinkedButton,
@@ -15,9 +14,8 @@ import {
   useAllRequests
 } from '../../utils'
 
-const Requests = () => {
+const Requests = ({ session }) => {
   const router = useRouter()
-  const { data: session } = useSession()
   const { requests, isLoadingAllRequests, isAllRequestsError } = useAllRequests(session?.accessToken)
   const { defaultWareID, isLoadingDefaultWare, isDefaultWareError } = useDefaultWare(session?.accessToken)
   const isError = isAllRequestsError || isDefaultWareError

pages/requests/new/[ware].js

@@ -3,7 +3,6 @@ import { default as BsForm } from 'react-bootstrap/Form'
 import Form from '@rjsf/core'
 import validator from '@rjsf/validator-ajv8'
 import { useRouter } from 'next/router'
-import { useSession } from 'next-auth/react'
 import {
   AdditionalInfo,
   BlankRequestForm,
@@ -23,9 +22,8 @@ import {
   useInitializeRequest,
 } from '../../../utils'
 
-const NewRequest = () => {
+const NewRequest = ({ session }) => {
   const router = useRouter()
-  const { data: session } = useSession()
   const accessToken = session?.accessToken
   const wareID = router.query.id
   const { dynamicForm, isLoadingInitialRequest, isInitialRequestError } = useInitializeRequest(wareID, accessToken)

pages/services/[ware].js

@@ -1,11 +1,9 @@
 import { useRouter } from 'next/router'
-import { useSession } from 'next-auth/react'
 import { ItemPage, Notice, Loading } from '@scientist-softserv/webstore-component-library'
 import { configureErrors, DEFAULT_WARE_IMAGE, useOneWare } from '../../utils'
 
-const Service = () => {
+const Service = ({ session }) => {
   const router = useRouter()
-  const { data: session } = useSession()
   const { id } = router.query
   const { ware, isLoading, isError } = useOneWare(id, session?.accessToken)