Even more complex

❌ The complex component got even more complex

function UserProfile({request}: 
{request: MyProfileRequest}) {

  // 🤞 let's hope this boolean 
  combination is right
  if (request.isLoading && !request.data && 
  !request.errorMessage) {
    return <Spinner />
  }

  if (request.data) {
    return (<UserProfileCard
      isLoading={request.isLoading}
      user={request.data}
    />)
  }

  // still hope we get both of these here!
  if (request.errorMessage && request.statusCode) {
    return (<>
      <ErrorMessage
        code={request.statusCode}
        message={request.errorMessage}
      />
      {request.isLoading && <Spinner />} // 
      nested conditions are a bit unpleasant
    </>)
  }

  // I hope we don't get here
  return null
}