Archived
yoyoyo
This commit is contained in:
+2
-2
@@ -28,9 +28,9 @@ class TopBar extends Component {
|
||||
render() {
|
||||
return (
|
||||
<React.Fragment>
|
||||
<Navbar bg="dark" className="py-0 px-1 w-100" expand="md">
|
||||
<Navbar bg="primary" varian="dark" className="py-0 px-1 w-100" expand="md">
|
||||
<Navbar.Brand>
|
||||
<Link to="/">HazeTV</Link>
|
||||
<Link className="text-light" to="/">HazeTV</Link>
|
||||
</Navbar.Brand>
|
||||
<Navbar.Toggle aria-controls="basic-navbar-nav" />
|
||||
<Navbar.Collapse id="basic-navbar-nav">
|
||||
|
||||
+1
-1
@@ -72,7 +72,7 @@ class VideoInfo extends React.Component {
|
||||
);
|
||||
} else if (!isLoaded) {
|
||||
return <div className="text-center">
|
||||
<div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
|
||||
<div className="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
|
||||
</div>;
|
||||
} else {
|
||||
return (
|
||||
|
||||
+7
-6
@@ -154,7 +154,7 @@ class Wikipedia extends Component {
|
||||
else { //oof
|
||||
axios.get(`${musicbrainzBaseUrl}/work`, {
|
||||
params: {
|
||||
'query': 'undefined' === typeof this.props.title ? this.props.title2 : this.props.title,
|
||||
'query': 'undefined' === typeof this.props.title ? 'undefined' === typeof this.props.title2 ? this.props.artist2 : this.props.title2 : this.props.title,
|
||||
'limit': 1,
|
||||
'offset': 0,
|
||||
'fmt': 'json'
|
||||
@@ -221,12 +221,13 @@ class Wikipedia extends Component {
|
||||
return <React.Fragment>Error: {error.message}</React.Fragment>;
|
||||
} else if (!this.state.isLoaded) {
|
||||
return <Col className="text-center">
|
||||
<div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
|
||||
<div className="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
|
||||
</Col>;
|
||||
} else {
|
||||
return (<>
|
||||
{/* {isWikiLoaded && wikipedia.desc} */}
|
||||
<Table bordered variant="dark" hover size="sm">
|
||||
return (
|
||||
// <>
|
||||
// {isWikiLoaded && wikipedia.desc}
|
||||
<Table size="sm">
|
||||
<tbody>
|
||||
{isWikiLoaded &&
|
||||
this.state.wikipediakeys.map(key => (
|
||||
@@ -276,7 +277,7 @@ class Wikipedia extends Component {
|
||||
}
|
||||
</tbody>
|
||||
</Table>
|
||||
</>
|
||||
// </>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
a[target=_blank]{
|
||||
background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAXklEQVQoka2QwQ3AMAwCs1N28k7eiZ3oI7IcU6efBomXOREyxhUZ2brTdNAcVB2BaJgCVcDAalJLXsB+iLAjm1pAwzHWHD3gWMcMg/ERMjKfFOHVqMEGqEM/gKP/6gE2f+h+Z5P45wAAAABJRU5ErkJggg==') center right no-repeat;
|
||||
padding-right: 14px;
|
||||
|
||||
|
||||
}
|
||||
tbody a{
|
||||
color: #DF691A !important;
|
||||
}
|
||||
+46
-25
@@ -1,9 +1,8 @@
|
||||
import React from 'react';
|
||||
import { Col, Card } from 'react-bootstrap'; // eslint-disable-line no-unused-vars
|
||||
import { Col, Card, Media } from 'react-bootstrap'; // eslint-disable-line no-unused-vars
|
||||
import axios from 'axios'; // eslint-disable-line no-unused-vars
|
||||
import { Link } from 'react-router-dom'; // eslint-disable-line no-unused-vars
|
||||
/*eslint no-console: ["error", { allow: ["warn", "error", "info"] }] */
|
||||
import moment from "moment";
|
||||
|
||||
class fvitali extends React.Component {
|
||||
state = {
|
||||
@@ -85,29 +84,51 @@ class fvitali extends React.Component {
|
||||
);
|
||||
} else {
|
||||
return (
|
||||
<React.Fragment>
|
||||
{items.map(item=>( <Col md="4">
|
||||
<Card key={item.videoID}>
|
||||
<Link
|
||||
to={{
|
||||
pathname: '/video/' + item.videoID,
|
||||
}}
|
||||
>
|
||||
<Card.Img
|
||||
src={item.thumbnail}
|
||||
alt={'Thumbnail of ' + item.name}
|
||||
/>
|
||||
<Card.ImgOverlay>
|
||||
<Card.Title className="bg-dark d-inline text-white">
|
||||
{item.name}<br/>
|
||||
{item.lastSelected}
|
||||
</Card.Title>
|
||||
</Card.ImgOverlay>
|
||||
</Link>
|
||||
</Card>
|
||||
</Col>))}
|
||||
|
||||
</React.Fragment>
|
||||
// <React.Fragment>
|
||||
// {items.map(item=>( <Col md="4">
|
||||
// <Card key={item.videoID}>
|
||||
// <Link
|
||||
// to={{
|
||||
// pathname: '/video/' + item.videoID,
|
||||
// }}
|
||||
// >
|
||||
// <Card.Img
|
||||
// src={item.thumbnail}
|
||||
// alt={'Thumbnail of ' + item.name}
|
||||
// />
|
||||
// <Card.ImgOverlay>
|
||||
// <Card.Title className="bg-dark d-inline text-white">
|
||||
// {item.name}<br/>
|
||||
// {item.lastSelected}
|
||||
// </Card.Title>
|
||||
// </Card.ImgOverlay>
|
||||
// </Link>
|
||||
// </Card>
|
||||
// </Col>))}
|
||||
// </React.Fragment>
|
||||
<ul className="list-unstyled">{
|
||||
items.map(item => (
|
||||
<Link
|
||||
key={item.videoID}
|
||||
as="li" className="media mx-5 my-1 suggItem"
|
||||
to={{
|
||||
pathname: '/video/' + item.videoID,
|
||||
}}>
|
||||
<img
|
||||
width={240}
|
||||
height={120}
|
||||
className="align-self-center mr-3"
|
||||
src={item.thumbnail}
|
||||
alt={'Thumbnail of ' + item.name}
|
||||
/>
|
||||
<Media.Body>
|
||||
<h5>{item.name}</h5>
|
||||
<p>{item.lastSelected}</p>
|
||||
<p>Reccomender: fvitali</p>
|
||||
</Media.Body>
|
||||
</Link>
|
||||
))
|
||||
}</ul>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user