This commit is contained in:
James Hawkins 2021-08-07 19:42:56 +01:00
parent 0d8ef938ff
commit 9d21124379
6 changed files with 5 additions and 40 deletions

View File

@ -1,7 +1,7 @@
import './index.css';
import { SearchView } from './views/Search'; import { SearchView } from './views/Search';
import { MovieView } from './views/Movie'; import { MovieView } from './views/Movie';
import { useMovie, MovieProvider} from './hooks/useMovie'; import { useMovie, MovieProvider } from './hooks/useMovie';
import './index.css';
function Router() { function Router() {
const { streamData } = useMovie(); const { streamData } = useMovie();

View File

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

View File

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

View File

@ -8,7 +8,7 @@ import './Progress.css'
// failed: boolean // failed: boolean
export function Progress(props) { export function Progress(props) {
return ( 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 ? ( { props.text && props.text.length > 0 ? (
<p>{props.text}</p>) : null} <p>{props.text}</p>) : null}
<div className="bar"> <div className="bar">

View File

@ -14,6 +14,7 @@ export function Title(props) {
const accentLink = props.accentLink || ""; const accentLink = props.accentLink || "";
const accent = props.accent || ""; const accent = props.accent || "";
return ( return (
<div> <div>
{accent.length > 0 ? ( {accent.length > 0 ? (
@ -26,7 +27,7 @@ export function Title(props) {
{accentLink.length > 0 ? (<Arrow left/>) : null}{accent} {accentLink.length > 0 ? (<Arrow left/>) : null}{accent}
</p> </p>
) : null} ) : null}
<h1 className={"title " + ( size ? 'title-size-' + size : '' )}>{props.children}</h1> <h1 className={"title " + ( size ? `title-size-${size}` : '' )}>{props.children}</h1>
</div> </div>
) )
} }

View File

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