grabbing a nested "result" property

Component.js

newtype Result =
  Result { goalsHomeTeam :: Number
         , goalsAwayTeam :: Number
         }

newtype Fixture =
  Fixture { _links:: LinkGroup
            , date:: String
            , status:: String
            , matchday:: Number
            , homeTeamName:: String
            , awayTeamName:: String
            , result :: Result
          }



fixtureComponent :: forall s p i. Fixture -> H.HTML p i
fixtureComponent (Fixture f) = HH.div_ [
                                         HH.text f.homeTeamName
                                       , HH.text f.result.goalsHomeTeam
                                       ]