prepare trade/single form submit for response (#147)

* establish form default values for a few inputs such as 'maxRouteDistance' to simplify the UX

* update the hook we use to fetch data on form submits useGetData to require a response data type to be passed to it

.env

@@ -1,3 +1,3 @@
 NEXT_PUBLIC_STAGE=localhost
 NEXT_PUBLIC_MOCK_API_URL=http://localhost:3001
-NEXT_PUBLIC_STAGING_API_URL=http://duval.edpn.io:8080
+NEXT_PUBLIC_STAGING_API_URL=https://duval.edpn.io

.eslintrc.json

@@ -16,6 +16,7 @@
     "prettier/prettier": "error",
     "prefer-const": "off",
     "no-use-before-define": "off",
+    "react/no-unescaped-entities": "off",
     "react/react-in-jsx-scope": "off",
     "import/order": "off",
     "space-before-function-paren": [

app/_components/inputs/Commodities.tsx

@@ -51,13 +51,13 @@ const CommoditiesField: React.FC<CommodityProps> = ({
 
   return (
     <Controller
-      name="commodityDisplayName"
+      name="commodityDisplayNames"
       control={control}
       rules={{ required: 'Enter at least one commodity' }}
       render={({ field: { onChange, onBlur, value, name, ref } }) => (
         <Select<CommoditySelectItems, true, GroupBase<CommoditySelectItems>>
-          id="commodityDisplayName"
-          instanceId="commodityDisplayName"
+          id="commodityDisplayNames"
+          instanceId="commodityDisplayNames"
           name={name}
           ref={ref}
           onInputChange={(input) => {

app/_components/inputs/StationTypes.tsx

@@ -8,7 +8,7 @@ interface Props {
 
 export const checkboxValues = [
   { name: 'Orbital', value: 'includeOrbital', checked: true },
-  { name: 'Planetary', value: 'includePlanetary' },
+  { name: 'Planetary', value: 'includeSurfaceStations' },
   { name: 'Odyssey', value: 'includeOdyssey' },
   { name: 'Carriers', value: 'includeFleetCarriers' },
 ];

app/_components/inputs/tests/Commodities.test.tsx

@@ -92,7 +92,7 @@ describe('Commodities Field', () => {
 
     // Check item is selected
     expect(getByTestId('form')).toHaveFormValues({
-      commodityDisplayName: 'Trillium',
+      commodityDisplayNames: 'Trillium',
     });
 
     act(() => {
@@ -106,7 +106,7 @@ describe('Commodities Field', () => {
 
     // Check both items are selected
     expect(getByTestId('form')).toHaveFormValues({
-      commodityDisplayName: 'Gold',
+      commodityDisplayNames: 'Gold',
     });
   });
 
@@ -135,7 +135,7 @@ describe('Commodities Field', () => {
 
     // Check item is selected
     expect(getByTestId('form')).toHaveFormValues({
-      commodityDisplayName: 'Trillium',
+      commodityDisplayNames: 'Trillium',
     });
 
     act(() => {
@@ -149,7 +149,7 @@ describe('Commodities Field', () => {
 
     // Check both items are selected
     expect(getByTestId('form')).toHaveFormValues({
-      commodityDisplayName: ['Trillium', 'Gold'],
+      commodityDisplayNames: ['Trillium', 'Gold'],
     });
   });
 });