From 3788cdcbbddab1b50bb59ebafe3f15c7faca1d4a Mon Sep 17 00:00:00 2001
From: Matias Kantele <matias.kantele@siili.com>
Date: Sun, 22 Dec 2019 21:42:26 +0200
Subject: [PATCH] hack css handling

solves https://github.com/zeit/next.js/issues/5598
---
 components/Nav.js | 4 ++--
 pages/_app.js     | 1 +
 pages/info.js     | 4 ++--
 pages/rsvp.js     | 8 ++++----
 public/empty.css  | 0
 5 files changed, 9 insertions(+), 8 deletions(-)
 create mode 100644 public/empty.css

diff --git a/components/Nav.js b/components/Nav.js
index 0b7f596..5f1543f 100644
--- a/components/Nav.js
+++ b/components/Nav.js
@@ -12,10 +12,10 @@ const Nav = () => {
       <Link href="/">
         <a>{t("invite")}</a>
       </Link>
-      <Link href="info">
+      <Link href="/info">
         <a>{t("info")}</a>
       </Link>
-      <Link href="rsvp">
+      <Link href="/rsvp">
         <a>{t("rsvp")}</a>
       </Link>
     </NavStyles>
diff --git a/pages/_app.js b/pages/_app.js
index def92fe..b0e9db7 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,6 +1,7 @@
 import App from "next/app";
 import { ThemeProvider, createGlobalStyle } from "styled-components";
 import "../common/i18n";
+import "../public/empty.css";
 
 import Page from "../components/Page";
 
diff --git a/pages/info.js b/pages/info.js
index 660677a..31c2e74 100644
--- a/pages/info.js
+++ b/pages/info.js
@@ -17,7 +17,7 @@ const Info = () => {
   const { t } = useTranslation();
 
   return (
-    <div>
+    <>
       <Section title={t("date")} image="date.svg">
         <h2>{t("saturday")}</h2>
       </Section>
@@ -59,7 +59,7 @@ const Info = () => {
       <Section title={t("map")} image="map.svg">
         <Map />
       </Section>
-    </div>
+    </>
   );
 };
 
diff --git a/pages/rsvp.js b/pages/rsvp.js
index 2995ae5..756b9e7 100644
--- a/pages/rsvp.js
+++ b/pages/rsvp.js
@@ -8,10 +8,10 @@ import {
 } from "../components/styles/AttendanceStyles";
 import Form from "../components/Form";
 
-const RSVP = () => {
+const Rsvp = () => {
   const { t } = useTranslation();
   const [selected, setSelected] = useState(false);
-  const [attending, setAttending] = useState("");
+  const [attending, setAttending] = useState(null);
 
   return (
     <>
@@ -37,9 +37,9 @@ const RSVP = () => {
           <span>{t("decline")}</span>
         </DeclineButton>
       </Attendance>
-      <Form selected={selected} attending={attending} />
+      {selected ? <Form selected={selected} attending={attending} /> : null}
     </>
   );
 };
 
-export default RSVP;
+export default Rsvp;
diff --git a/public/empty.css b/public/empty.css
new file mode 100644
index 0000000..e69de29