Component Dashboard

component_dashboard.tsx

import React from 'react';
import { Query, QueryResult } 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 = () => {
  return (
    <div className={styles.dashboardLayout}>
      <Query query={ME_QUERY}>
        {({ loading, error, data }: QueryResult<Props>) => {
          if (loading) {
            return <p>Loading...</p>;
          }

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

          return <p>{JSON.stringify(data)}</p>;
        }}
      </Query>
    </div>
  );
};

export default DashboardScene;