cleanup

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();

src/components/Cross.css

@@ -1,7 +0,0 @@
-.cross {
-    display: inline-block;
-}
-
-.cross:hover {
-    transform: rotate(45deg);
-}

src/components/Cross.js

@@ -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>
-    )
-}

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">

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>
     )
 }

src/views/NotFound.js

@@ -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>
-    )
-}