make "accessToken" a variable on all pages that need it

Author: alishaevn

pages/browse/index.js

@@ -17,12 +17,13 @@ const Browse = ({ session }) => {
   const router = useRouter()
   const [query, setQuery] = useState('')
   const existingQuery = router.query.q
+  const accessToken = session?.accessToken
 
   useEffect(() => {
     if (existingQuery) setQuery(existingQuery)
   }, [existingQuery])
 
-  const { wares, isLoading, isError } = useFilteredWares(query, session?.accessToken)
+  const { wares, isLoading, isError } = useFilteredWares(query, accessToken)
   const services = configureServices({ data: wares, path: '/requests/new' })
 
   const handleOnSubmit = ({ value }) => {

pages/requests/index.js

@@ -16,8 +16,9 @@ import {
 
 const Requests = ({ session }) => {
   const router = useRouter()
-  const { requests, isLoadingAllRequests, isAllRequestsError } = useAllRequests(session?.accessToken)
-  const { defaultWareID, isLoadingDefaultWare, isDefaultWareError } = useDefaultWare(session?.accessToken)
+  const accessToken = session?.accessToken
+  const { requests, isLoadingAllRequests, isAllRequestsError } = useAllRequests(accessToken)
+  const { defaultWareID, isLoadingDefaultWare, isDefaultWareError } = useDefaultWare(accessToken)
   const isError = isAllRequestsError || isDefaultWareError
   const isLoading = isLoadingAllRequests || isLoadingDefaultWare
 

pages/services/[ware].js

@@ -5,7 +5,8 @@ import { configureErrors, DEFAULT_WARE_IMAGE, useOneWare } from '../../utils'
 const Service = ({ session }) => {
   const router = useRouter()
   const { id } = router.query
-  const { ware, isLoading, isError } = useOneWare(id, session?.accessToken)
+  const accessToken = session?.accessToken
+  const { ware, isLoading, isError } = useOneWare(id, accessToken)
 
   if (isLoading) return <Loading wrapperClass='item-page mt-5' />