tomru/advcal
1
0
Fork 0
mirror of https://github.com/tomru/advcal.git synced 2026-03-03 06:27:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

use jsx extension for react stuff

Browse Source
This commit is contained in:
Thomas Ruoff
2020-11-28 14:12:42 +01:00
parent abc9081da2
commit f6e08255a6
12 changed files with 33 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
components/calendar.js → components/calendar.jsx
View File

0
components/controls.js → components/controls.jsx
View File

3
components/header.js → components/header.jsx
View File

@@ -8,7 +8,8 @@ const Header = () => {
"//api.giphy.com/v1/gifs/random?tag=christmas&api_key=3ziHSa4ptYJdv2dOuawgzpBhhiW09Ss1" "//api.giphy.com/v1/gifs/random?tag=christmas&api_key=3ziHSa4ptYJdv2dOuawgzpBhhiW09Ss1"
); );
const { data } = await response.json(); const { data } = await response.json();
setGifUrl(data.image_mp4_url); console.log(data)
setGifUrl(data.image_webp_url);
} }
getGif(); getGif();

0
components/nav.js → components/nav.jsx
View File

0
components/player.js → components/player.jsx
View File

0
components/showdoordialog.js → components/showdoordialog.jsx
View File

0
context/app.js → context/app.jsx
View File

2
context/appProvider.js → context/appProvider.jsx
View File

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
import AppContext from "./app"; import AppContext from "./app";
const AppProvider = ({ debug, children }) => { const AppProvider = ({ debug = false, children }) => {
const [songs, setSongs] = useState(null); const [songs, setSongs] = useState(null);
const [openSong, setOpenSong] = useState(null); const [openSong, setOpenSong] = useState(null);

0
pages/_app.js → pages/_app.jsx
View File

8
pages/debug.js
View File

@@ -1,8 +0,0 @@
import React from "react";
import Home from "./index";
const HomeDebug = () => {
return <Home debug={true} />;
};
export default HomeDebug;

28
pages/debug.jsx Normal file
View File

@@ -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;

4
pages/index.js → pages/index.jsx
View File

@@ -7,14 +7,14 @@ import Calendar from "../components/calendar";
import ShowDoorDialog from "../components/showdoordialog"; import ShowDoorDialog from "../components/showdoordialog";
import Nav from "../components/nav"; import Nav from "../components/nav";
export default function Home({ debug = false }) { export default function Home() {
return ( return (
<div> <div>
<Head> <Head>
<title>Bello's Adventskalender 2020</title> <title>Bello's Adventskalender 2020</title>
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<AppProvider debug={debug}> <AppProvider>
<Header /> <Header />
<Calendar /> <Calendar />
<ShowDoorDialog /> <ShowDoorDialog />