Live freelancer data

[Jskobos]

Addresses #24 (minus the CSS refactoring)

[ortonomy]

I couldn't get the freelancer data to display when I ran it. So I looked at the code and there are a few fixes needed with the query and the logic to make the call. Let me know if you need any support.

[ortonomy]

This query has two issues:

• it's a statically coded UUID which means I can't test because UUIDs are different on each instances. replace with ${id}
• the query returns a 400 bad request response.

The correct query is something like this:

{
  allFreelancers(condition: {
    flId: "0ba6e94f-1956-4a94-b079-bc29fde23374"
  }) {
    edges {
      node {
        flId
        flLastName
        flFirstName
        flLocation
        flTimezone
        flIsNativeSpeaker
        flPrimaryLanguage
        flEmploymentStatus
      }
    }
  }
}

the response you get back is something like:

{ data { allFreelancers:  { edges:  [ { node: { ... } , ... ] } } }

Note the array called edges and then each freelancer is a node inside the array.

[ortonomy]

The 2nd API call in the process hook of the logic for action FREELANCER_INFO is redundant. You can remove it.

I didn't find Redux Logic intuitive at first either, but after the validate hook runs, logic lets the action go through to the reducer. the process hook is run after.

So in effect your first action (in this case FREELANCER_QUERY) is the initiator of the flow of retrieving data, but and the API call is a side effect.

The actions as far as redux is concerned look like this:

1. FREELANCER_QUERY =>
2. intercepted by VALIDATE =>
3. OK? => (*)
4. REDUCER =>
5. END
   but at the point of (*) Logic passes to its own process hook where you can do async stuff and dispatch other actions

hence...

process => API => result => FREELANCER_INFO(result).

Technically, you don't even need the logic for FREELANCER_INFO action, but it's good to validate it and make sure the payload is passed.

[ortonomy]

Change this line to use the correct response from the API:

dispatch(actions.freelancerInfo(data.allFreelancers.edges[0]));

(based on API change below)

[ortonomy]

You'll need to change this to only use action.payload.node if you follow my suggestion about action dispatch above.

[ortonomy]

Thanks for making the changes. checked and it all seems to work!