import Home from "../components/home/Home";
import Layout from "../components/layout/Layout";
import { loadUser } from "../redux/actions/userActions";
import { wrapper } from "../redux/store";

export default function IndexPage() {
  /** Client side rendering, traditional API call. */
  // const dispatch = useDispatch();
  // useEffect(() => {
  //   const fetchData = async () => {
  //     await dispatch(getProjects({ currentPage: 1, featuredOnHome: true }));
  //   };
  //   fetchData();
  // });

  return (
    <Layout>
      <Home />
    </Layout>
  );
}

/** For server side rendering */
export const getServerSideProps = wrapper.getServerSideProps(store => async ({ req, query }) => {
  // Get the menu data.

  // get the locations data.
  // await store.dispatch(loadUser())

  return {
    props: {},
    
  };
});