import React from 'react';
import { GetServerSideProps } from 'next';
import { HomeChart } from '../../components/charts';

import { selectApp } from '../../redux';
import { useSelector } from 'react-redux';
import LoadingData from '../../components/LoadingData';
import { DashboardAuthenticated } from '../../utils/helpers/dashboard-authenticated';

interface Props {
  message?: string;
}

const index: React.FC<Props> = () => {
  const { status, user } = useSelector(selectApp);
  const admin = user?.roles[0]?.name === 'admin';

  return (
    <>
      <h1>dashboard</h1>
      <LoadingData dataValid={() => true} loading={status === 'loading'}>
        {admin ? <HomeChart /> : <></>}
      </LoadingData>
    </>
  );
};
export default index;

export const getServerSideProps: GetServerSideProps = DashboardAuthenticated;