HOC Dashboard

hoc_dashboard.tsx

import React from 'react';
import { graphql } from 'react-apollo';
import styles from './dashboard-scene.module.scss';
import { ME_QUERY } from 'app/models/me/me-schema';
import { Me } from 'app/models/me/me-types';

interface Props {
  data: {
    me: Me;
  };
  error: any;
  loading: boolean;
}

export const DashboardScene = ({ loading, error, data }: Props) => {
  if (loading) {
    return <p>Loading...</p>;
  }

  if (error) {
    return <p>Error: {JSON.stringify(error)}</p>;
  }

  return (
    <div className={styles.dashboardLayout}>
      <p>{JSON.stringify(data.me, null, 2)}</p>
    </div>
  );
};

export default graphql<any, any, any>(ME_QUERY)(DashboardScene);