Function Profile

final/client/src/pages/profile.tsx:23–35

()

interface ProfileProps {}

const Profile: React.FC<ProfileProps> = () => {
  const { data, loading, error } = useQuery<GetMyTripsTypes.GetMyTrips>(GET_MY_TRIPS, { fetchPolicy: 'network-only' });
  if (loading) return <Loading />;
  if (error) return <p>ERROR: {error.message}</p>;
  if (data === undefined) return <p>ERROR</p>;

  return (
    <Fragment>
      <Header>My Trips</Header>
      {data.me && data.me.trips.length ? data.me.trips.map((launch: any) => <LaunchTile key={launch.id} launch={launch} />) : <p>You haven't booked any trips</p>}
    </Fragment>
  );
};

export default Profile;