import Head from 'next/head';
import React from 'react';

import { getEvents } from 'common/api/events';

import About from '../components/about';
import Fadder from '../components/fadder';
import Partners from '../components/partners';
import Calendar from '../components/calendar';
import Join from '../components/join';
import Contact from '../components/contact';
import Slack from '../components/slack';
import Social from '../components/social';
import Warning from '../components/warning';
import { getAvailableApplicationPeriod } from '../common/api/committeeApplications';

export const getStaticProps = async () => {
  const events = await getEvents();
  const applicationPeriod = await getAvailableApplicationPeriod();
  return {
    unstable_revalidate: 60 * 10,
    props: {
      events,
      applicationPeriod,
    },
  };
};

const App = ({ events, applicationPeriod }) => {
  return (
    <>
      <Head>
        <title>Fadderukene | Linjeforeningen Online</title>
        <link rel="icon" href="/public/icons/favicon.ico" />
      </Head>
      <div>
        <About />
        <Fadder />
        <Calendar events={events} />
        <Join applicationDeadline={applicationPeriod.deadline} />
        <Slack />
        <Warning />
        <Social />
        <Contact />
        <Partners />
      </div>
    </>
  );
};

export default App;

import Head from 'next/head';
import React from 'react';

import { getEvents } from 'common/api/events';

import About from '../components/about';
import Fadder from '../components/fadder';
import Partners from '../components/partners';
import Calendar from '../components/calendar';
import Join from '../components/join';
import Contact from '../components/contact';
import Slack from '../components/slack';
import Social from '../components/social';
import Warning from '../components/warning';
import { getAvailableApplicationPeriod } from '../common/api/committeeApplications';

export const getStaticProps = async () => {
  const events = await getEvents();
  const applicationPeriod = await getAvailableApplicationPeriod();
  return {
    unstable_revalidate: 60 * 10,
    props: {
      events,
      applicationPeriod,
    },
  };
};

const App = ({ events, applicationPeriod }) => {
  return (
    <>
      <Head>
        <title>Fadderukene | Linjeforeningen Online</title>
        <link rel="icon" href="/icons/favicon.ico" />
      </Head>
      <div>
        <About />
        <Fadder />
        <Calendar events={events} />
        <Join applicationDeadline={applicationPeriod.deadline} />
        <Slack />
        <Warning />
        <Social />
        <Contact />
        <Partners />
      </div>
    </>
  );
};

export default App;

change path to favicon