✨ Add destination to item contracts

src/__tests__/__snapshots__/App.test.js.snap

@@ -89,6 +89,22 @@ exports[`<App /> Should render the <App /> component. 1`] = `
         <div
           class="StyledBox__StyledBoxGap-sc-13pk1d4-1 iChEkS"
         />
+        <span
+          class="StyledText-sc-1sadyjn-0 bnqisW"
+        >
+          Destination
+        </span>
+        <div
+          class="StyledBox__StyledBoxGap-sc-13pk1d4-1 iChEkS"
+        />
+        <span
+          class="StyledText-sc-1sadyjn-0 fWSbXS"
+        >
+          Test Planet 2
+        </span>
+        <div
+          class="StyledBox__StyledBoxGap-sc-13pk1d4-1 iChEkS"
+        />
         <button
           class="StyledButton-sc-323bzc-0 jJyttA"
           disabled=""

src/__tests__/components/ContractsDisplay.test.js

@@ -1,13 +1,21 @@
 import { customRender } from '../../test-utils'
 import ContractsDisplay from '../../components/ContractsDisplay'
 import { defaultState } from '../../fixtures'
-import { fireEvent } from '@testing-library/dom';
+import { fireEvent } from '@testing-library/dom'
 
 const customState = {
   ...defaultState,
   user: {
     ...defaultState.user,
-    contracts: [{ id: '0', itemType: 'Plasma', value: 2, volume: 1 }]
+    contracts: [
+      {
+        destination: { name: 'Planet 1', value: 0 },
+        id: '0',
+        itemType: 'Plasma',
+        value: 2,
+        volume: 1
+      }
+    ]
   }
 }
 

src/__tests__/components/__snapshots__/ContractsDisplay.test.js.snap

@@ -64,6 +64,22 @@ exports[`<ContractsDisplay /> Should render the <ContractsDisplay /> component.
       <div
         class="StyledBox__StyledBoxGap-sc-13pk1d4-1 iChEkS"
       />
+      <span
+        class="StyledText-sc-1sadyjn-0 bnqisW"
+      >
+        Destination
+      </span>
+      <div
+        class="StyledBox__StyledBoxGap-sc-13pk1d4-1 iChEkS"
+      />
+      <span
+        class="StyledText-sc-1sadyjn-0 fWSbXS"
+      >
+        Test Planet 2
+      </span>
+      <div
+        class="StyledBox__StyledBoxGap-sc-13pk1d4-1 iChEkS"
+      />
       <button
         class="StyledButton-sc-323bzc-0 jJyttA"
         disabled=""

src/__tests__/util.test.js

@@ -41,6 +41,8 @@ describe('Utilities', () => {
   })
 
   it('Should test generateContracts().', () => {
-    expect(generateContracts().length).toBe(5)
+    expect(
+      generateContracts([{ location: 50, name: 'Test Planet 2' }]).length
+    ).toBe(5)
   })
 })

src/components/ContractsDisplay.js

@@ -36,6 +36,8 @@ const ContractsDisplay = ({
           <Text>{contract.volume}</Text>
           <Text weight="bold">Value</Text>
           <Text>{contract.value}</Text>
+          <Text weight="bold">Destination</Text>
+          <Text>{contract.destination.name}</Text>
           <Button
             disabled={currentContract !== null}
             hoverIndicator

src/fixtures.js

@@ -21,6 +21,7 @@ export const defaultState = {
   world: {
     contracts: [
       {
+        destination: { name: 'Test Planet 2', value: 50 },
         id: '0',
         itemType: 'Ore',
         volume: 1,

src/redux/actions/world.js

@@ -1,10 +1,11 @@
 import { setShipLocation } from './ship'
-import { generatePlanets } from '../../util'
+import { generatePlanets, generateContracts } from '../../util'
 
 // * ACTION TYPES
 const CLEAR_ITEMS = 'CLEAR_ITEMS'
 const REFRESH_ITEMS = 'REFRESH_ITEMS'
 const REMOVE_ITEM = 'REMOVE_ITEM'
+const SET_CONTRACTS = 'SET_CONTRACTS'
 const SET_PLANETS = 'SET_PLANETS'
 const SET_TIMER_RUNNING = 'SET_TIMER_RUNNING'
 
@@ -32,6 +33,15 @@ export const removeItem = (item, quantity) => ({
   }
 })
 
+/**
+ * Sets the contracts array.
+ * @param {array} contracts Array of contract objects.
+ */
+export const setContracts = contracts => ({
+  type: SET_CONTRACTS,
+  payload: { contracts }
+})
+
 /**
  * Sets the planet objects in the world.
  * @param {array} planets Array of planets.
@@ -57,9 +67,11 @@ export const initializeApplication = () => dispatch => {
   const planets = generatePlanets()
   const homePlanet = planets.find(planet => planet.isHomePlanet === true)
   const location = { name: homePlanet.name, value: homePlanet.location }
+  const contracts = generateContracts(planets)
 
   dispatch(setPlanets(planets))
   dispatch(setShipLocation(location))
+  dispatch(setContracts(contracts))
 }
 
 export const itemTimerFinish = () => dispatch => {

src/redux/reducers/world.js

@@ -1,7 +1,7 @@
-import { generateItems, generateContracts } from '../../util'
+import { generateItems } from '../../util'
 
 const worldDefaultState = {
-  contracts: generateContracts(),
+  contracts: [],
   isTimerRunning: false,
   planets: []
 }
@@ -66,6 +66,8 @@ export default (state = worldDefaultState, action) => {
       })
 
       return { ...state, planets: updatedPlanets }
+    case 'SET_CONTRACTS':
+      return { ...state, contracts: action.payload.contracts }
     case 'SET_PLANETS':
       return { ...state, planets: action.payload.planets }
     case 'SET_TIMER_RUNNING':

src/util.js

@@ -145,14 +145,22 @@ export const createDiffDuration = eta => {
 
 /**
  * Generates an array of item contracts randomly.
+ * @param {array} planets Array of planet objects.
  * @returns {array}
  */
-export const generateContracts = () => {
+export const generateContracts = planets => {
   const contracts = []
 
   for (let i = 0; i < 5; i++) {
     const itemType = itemList[Math.floor(Math.random() * itemList.length)].name
+    const destinationPlanet =
+      planets[Math.floor(Math.random() * planets.length)]
+
     const contract = {
+      destination: {
+        name: destinationPlanet.name,
+        value: destinationPlanet.location
+      },
       id: uuidv4(),
       itemType,
       value: itemList.find(item => item.name === itemType).value + 1,