mirror of
https://github.com/movie-web/movie-web.git
synced 2024-12-24 19:11:49 +01:00
cleanup
This commit is contained in:
parent
0d8ef938ff
commit
9d21124379
@ -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();
|
||||||
|
@ -1,7 +0,0 @@
|
|||||||
.cross {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cross:hover {
|
|
||||||
transform: rotate(45deg);
|
|
||||||
}
|
|
@ -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>
|
|
||||||
)
|
|
||||||
}
|
|
@ -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">
|
||||||
|
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
@ -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>
|
|
||||||
)
|
|
||||||
}
|
|
Loading…
Reference in New Issue
Block a user