From 87f800ec535635a5790006fc03ab244c335d6540 Mon Sep 17 00:00:00 2001
From: Thomas Ruoff <ThomasRuoff@gmail.com>
Date: Sat, 28 Nov 2020 23:15:29 +0100
Subject: [PATCH] clean up imports

---
 components/calendar.jsx       | 2 +-
 components/controls.jsx       | 6 ++----
 components/header.jsx         | 2 +-
 components/player.jsx         | 4 ++--
 components/showdoordialog.jsx | 2 +-
 context/appProvider.jsx       | 2 +-
 pages/debug.jsx               | 1 -
 7 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/components/calendar.jsx b/components/calendar.jsx
index 417235e..38a9c88 100644
--- a/components/calendar.jsx
+++ b/components/calendar.jsx
@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
 
 import AppContext from "../context/app";
 
diff --git a/components/controls.jsx b/components/controls.jsx
index 57e2a42..70f53ea 100644
--- a/components/controls.jsx
+++ b/components/controls.jsx
@@ -1,12 +1,10 @@
-import React, { useEffect, useState, Fragment } from "react";
-
 export const ENDED = 0;
 export const PLAYING = 1;
 export const PAUSED = 2;
 
 const Controls = ({ playerState, onPause, onPlay, onRestart }) => {
   return (
-    <Fragment>
+    <>
       <div className="player-controls">
         {playerState === PLAYING && (
           <a onClick={onPause} title="Pause">
@@ -37,7 +35,7 @@ const Controls = ({ playerState, onPause, onPlay, onRestart }) => {
           </a>
         )}
       </div>
-    </Fragment>
+    </>
   );
 };
 
diff --git a/components/header.jsx b/components/header.jsx
index 07b86c4..abf86a7 100644
--- a/components/header.jsx
+++ b/components/header.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 
 const Header = () => {
   const [gifUrl, setGifUrl] = useState(null);
diff --git a/components/player.jsx b/components/player.jsx
index 7979311..ffb73dc 100644
--- a/components/player.jsx
+++ b/components/player.jsx
@@ -1,9 +1,9 @@
-import React, { useEffect, useState, Fragment, useContext } from "react";
+import { useEffect, useState, Fragment, useContext } from "react";
 import youtubePlayer from "youtube-player";
 
 import AppContext from "../context/app";
 
-import Controls, { ENDED, PLAYING, PAUSED } from "./controls";
+import Controls, { ENDED, PAUSED } from "./controls";
 
 let player;
 
diff --git a/components/showdoordialog.jsx b/components/showdoordialog.jsx
index e0567bc..cc67daa 100644
--- a/components/showdoordialog.jsx
+++ b/components/showdoordialog.jsx
@@ -1,4 +1,4 @@
-import React, { useState, useContext } from "react";
+import { useState, useContext } from "react";
 
 import AppContext from "../context/app";
 import Player from "./player";
diff --git a/context/appProvider.jsx b/context/appProvider.jsx
index 70dc951..8c3a906 100644
--- a/context/appProvider.jsx
+++ b/context/appProvider.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 
 import AppContext from "./app";
 
diff --git a/pages/debug.jsx b/pages/debug.jsx
index 2657098..4fe8d5f 100644
--- a/pages/debug.jsx
+++ b/pages/debug.jsx
@@ -1,4 +1,3 @@
-import React from "react";
 import Head from "next/head";
 
 import AppProvider from "../context/appProvider";