use jsx extension for react stuff

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

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;

View File

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