From f6e08255a6a002f9adda599eef72468f9a89a99b Mon Sep 17 00:00:00 2001
From: Thomas Ruoff <ThomasRuoff@gmail.com>
Date: Sat, 28 Nov 2020 14:12:42 +0100
Subject: [PATCH] use jsx extension for react stuff

---
 components/{calendar.js => calendar.jsx}      |  0
 components/{controls.js => controls.jsx}      |  0
 components/{header.js => header.jsx}          |  3 +-
 components/{nav.js => nav.jsx}                |  0
 components/{player.js => player.jsx}          |  0
 .../{showdoordialog.js => showdoordialog.jsx} |  0
 context/{app.js => app.jsx}                   |  0
 context/{appProvider.js => appProvider.jsx}   |  2 +-
 pages/{_app.js => _app.jsx}                   |  0
 pages/debug.js                                |  8 ------
 pages/debug.jsx                               | 28 +++++++++++++++++++
 pages/{index.js => index.jsx}                 |  4 +--
 12 files changed, 33 insertions(+), 12 deletions(-)
 rename components/{calendar.js => calendar.jsx} (100%)
 rename components/{controls.js => controls.jsx} (100%)
 rename components/{header.js => header.jsx} (90%)
 rename components/{nav.js => nav.jsx} (100%)
 rename components/{player.js => player.jsx} (100%)
 rename components/{showdoordialog.js => showdoordialog.jsx} (100%)
 rename context/{app.js => app.jsx} (100%)
 rename context/{appProvider.js => appProvider.jsx} (94%)
 rename pages/{_app.js => _app.jsx} (100%)
 delete mode 100644 pages/debug.js
 create mode 100644 pages/debug.jsx
 rename pages/{index.js => index.jsx} (86%)

diff --git a/components/calendar.js b/components/calendar.jsx
similarity index 100%
rename from components/calendar.js
rename to components/calendar.jsx
diff --git a/components/controls.js b/components/controls.jsx
similarity index 100%
rename from components/controls.js
rename to components/controls.jsx
diff --git a/components/header.js b/components/header.jsx
similarity index 90%
rename from components/header.js
rename to components/header.jsx
index 692f0b1..07b86c4 100644
--- a/components/header.js
+++ b/components/header.jsx
@@ -8,7 +8,8 @@ const Header = () => {
         "//api.giphy.com/v1/gifs/random?tag=christmas&api_key=3ziHSa4ptYJdv2dOuawgzpBhhiW09Ss1"
       );
       const { data } = await response.json();
-      setGifUrl(data.image_mp4_url);
+      console.log(data)
+      setGifUrl(data.image_webp_url);
     }
 
     getGif();
diff --git a/components/nav.js b/components/nav.jsx
similarity index 100%
rename from components/nav.js
rename to components/nav.jsx
diff --git a/components/player.js b/components/player.jsx
similarity index 100%
rename from components/player.js
rename to components/player.jsx
diff --git a/components/showdoordialog.js b/components/showdoordialog.jsx
similarity index 100%
rename from components/showdoordialog.js
rename to components/showdoordialog.jsx
diff --git a/context/app.js b/context/app.jsx
similarity index 100%
rename from context/app.js
rename to context/app.jsx
diff --git a/context/appProvider.js b/context/appProvider.jsx
similarity index 94%
rename from context/appProvider.js
rename to context/appProvider.jsx
index a65d214..c124650 100644
--- a/context/appProvider.js
+++ b/context/appProvider.jsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
 
 import AppContext from "./app";
 
-const AppProvider = ({ debug, children }) => {
+const AppProvider = ({ debug = false, children }) => {
   const [songs, setSongs] = useState(null);
   const [openSong, setOpenSong] = useState(null);
 
diff --git a/pages/_app.js b/pages/_app.jsx
similarity index 100%
rename from pages/_app.js
rename to pages/_app.jsx
diff --git a/pages/debug.js b/pages/debug.js
deleted file mode 100644
index 4392a0e..0000000
--- a/pages/debug.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from "react";
-import Home from "./index";
-
-const HomeDebug = () => {
-  return <Home debug={true} />;
-};
-
-export default HomeDebug;
diff --git a/pages/debug.jsx b/pages/debug.jsx
new file mode 100644
index 0000000..bbba32d
--- /dev/null
+++ b/pages/debug.jsx
@@ -0,0 +1,28 @@
+import React from "react";
+import Head from "next/head";
+
+import AppProvider from "../context/appProvider";
+
+import Header from "../components/header";
+import Calendar from "../components/calendar";
+import ShowDoorDialog from "../components/showdoordialog";
+import Nav from "../components/nav";
+
+const HomeDebug = () => {
+  return (
+    <div>
+      <Head>
+        <title>DEBUG: Bello's Adventskalender 2020</title>
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+      <AppProvider debug={true}>
+        <Header />
+        <Calendar />
+        <ShowDoorDialog />
+        <Nav />
+      </AppProvider>
+    </div>
+  );
+};
+
+export default HomeDebug;
diff --git a/pages/index.js b/pages/index.jsx
similarity index 86%
rename from pages/index.js
rename to pages/index.jsx
index e627f98..3425ad4 100644
--- a/pages/index.js
+++ b/pages/index.jsx
@@ -7,14 +7,14 @@ import Calendar from "../components/calendar";
 import ShowDoorDialog from "../components/showdoordialog";
 import Nav from "../components/nav";
 
-export default function Home({ debug = false }) {
+export default function Home() {
   return (
     <div>
       <Head>
         <title>Bello's Adventskalender 2020</title>
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <AppProvider debug={debug}>
+      <AppProvider>
         <Header />
         <Calendar />
         <ShowDoorDialog />