return all wares for the given marketplace

the default api setting is to return 25 wares per page. so, we were only
returning 25 wares total on the browse page. we now are returning "all"
wares by choosing to get 2000 wares per page in the api request. I
didn't see a way to set `page: "all"` or `per_page: "all"`.

if a marketplace has more than 2000 wares, we will need to increase the
number.

utils/api/services.js

@@ -1,8 +1,9 @@
 import useSWR from 'swr'
+import { API_PER_PAGE } from '../constants'
 
 /** GET METHODS */
 export const useAllWares = (accessToken) => {
-  const { data, error } = useSWR([`/wares.json`, accessToken])
+  const { data, error } = useSWR([`/wares.json?per_page=${API_PER_PAGE}`, accessToken])
 
   return {
     wares: data?.ware_refs,
@@ -12,7 +13,7 @@ export const useAllWares = (accessToken) => {
 }
 
 export const useFilteredWares = (query, accessToken) => {
-  const { data, error } = useSWR([`/wares.json?q=${query}`, accessToken])
+  const { data, error } = useSWR([`/wares.json?per_page=${API_PER_PAGE}&q=${query}`, accessToken])
 
   return {
     wares: data?.ware_refs.filter(item => item.slug !== 'make-a-request'),

utils/constants.js

@@ -127,6 +127,8 @@ export const FEATURED_SERVICE_PATH = '/requests/new'
 // the default is 1 week
 export const EXPIRATION_DURATION = 604800000
 
+export const API_PER_PAGE = 2000
+
 export const WEBHOOK_EVENTS = {
   'signer': {
     'signature_voided': false,