From 9d21124379dddd97fae27f00123ba3fa44eeadff Mon Sep 17 00:00:00 2001
From: James Hawkins <jhawki2005@gmail.com>
Date: Sat, 7 Aug 2021 19:42:56 +0100
Subject: [PATCH] cleanup

---
 src/App.js                 |  4 ++--
 src/components/Cross.css   |  7 -------
 src/components/Cross.js    | 14 --------------
 src/components/Progress.js |  2 +-
 src/components/Title.js    |  3 ++-
 src/views/NotFound.js      | 15 ---------------
 6 files changed, 5 insertions(+), 40 deletions(-)
 delete mode 100644 src/components/Cross.css
 delete mode 100644 src/components/Cross.js
 delete mode 100644 src/views/NotFound.js

diff --git a/src/App.js b/src/App.js
index fe7edea6..c3284bde 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,7 +1,7 @@
-import './index.css';
 import { SearchView } from './views/Search';
 import { MovieView } from './views/Movie';
-import { useMovie, MovieProvider} from './hooks/useMovie';
+import { useMovie, MovieProvider } from './hooks/useMovie';
+import './index.css';
 
 function Router() {
   const { streamData } = useMovie();
diff --git a/src/components/Cross.css b/src/components/Cross.css
deleted file mode 100644
index d4ef70b1..00000000
--- a/src/components/Cross.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.cross {
-    display: inline-block;
-}
-
-.cross:hover {
-    transform: rotate(45deg);
-}
\ No newline at end of file
diff --git a/src/components/Cross.js b/src/components/Cross.js
deleted file mode 100644
index eb2ae21b..00000000
--- a/src/components/Cross.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react'
-import './Cross.css'
-
-export function Cross(props) {
-    return (
-        <span className="cross" dangerouslySetInnerHTML={{
-            __html: `
-            <svg height="1em" viewBox="0 0 365.696 365.696" width="1em" xmlns="http://www.w3.org/2000/svg">
-                <path d="m243.1875 182.859375 113.132812-113.132813c12.5-12.5 12.5-32.765624 0-45.246093l-15.082031-15.082031c-12.503906-12.503907-32.769531-12.503907-45.25 0l-113.128906 113.128906-113.132813-113.152344c-12.5-12.5-32.765624-12.5-45.246093 0l-15.105469 15.082031c-12.5 12.503907-12.5 32.769531 0 45.25l113.152344 113.152344-113.128906 113.128906c-12.503907 12.503907-12.503907 32.769531 0 45.25l15.082031 15.082031c12.5 12.5 32.765625 12.5 45.246093 0l113.132813-113.132812 113.128906 113.132812c12.503907 12.5 32.769531 12.5 45.25 0l15.082031-15.082031c12.5-12.503906 12.5-32.769531 0-45.25zm0 0"/>
-            </svg>
-            `}}>
-        </span>
-    )
-}
diff --git a/src/components/Progress.js b/src/components/Progress.js
index 05af5c4c..38e7d6c1 100644
--- a/src/components/Progress.js
+++ b/src/components/Progress.js
@@ -8,7 +8,7 @@ import './Progress.css'
 // failed: boolean
 export function Progress(props) {
     return (
-        <div className={`progress ${props.show?'':'hide'} ${props.failed?'failed':''}`}>
+        <div className={`progress ${props.show ? '' : 'hide'} ${props.failed ? 'failed' : ''}`}>
             { props.text && props.text.length > 0 ? (
                 <p>{props.text}</p>) : null}
             <div className="bar">
diff --git a/src/components/Title.js b/src/components/Title.js
index 6d673ac2..b03f1aa8 100644
--- a/src/components/Title.js
+++ b/src/components/Title.js
@@ -14,6 +14,7 @@ export function Title(props) {
 
     const accentLink = props.accentLink || "";
     const accent = props.accent || "";
+    
     return (
         <div>
             {accent.length > 0 ? (
@@ -26,7 +27,7 @@ export function Title(props) {
                     {accentLink.length > 0 ? (<Arrow left/>) : null}{accent}
                 </p>
             ) : null}
-            <h1 className={"title " + ( size ? 'title-size-' + size : '' )}>{props.children}</h1>
+            <h1 className={"title " + ( size ? `title-size-${size}` : '' )}>{props.children}</h1>
         </div>
     )
 }
diff --git a/src/views/NotFound.js b/src/views/NotFound.js
deleted file mode 100644
index 5b2f4aab..00000000
--- a/src/views/NotFound.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react'
-import { Title } from '../components/Title'
-import { Card } from '../components/Card'
-
-export function NotFound(props) {
-    return (
-        <div className="cardView">
-            <Card>
-                <Title accent="How did you end up here?">
-                    Oopsie doopsie
-                </Title>
-            </Card>
-        </div>
-    )
-}