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 ;
-};
-
-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 (
+
+
+
DEBUG: Bello's Adventskalender 2020
+
+
+
+
+
+
+
+
+
Bello's Adventskalender 2020
-
+