You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
18 lines
731 B
18 lines
731 B
3 years ago
|
import styles from '../styles/components/TwitchPopup.module.css'
|
||
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
||
|
|
import { faTwitter } from '@fortawesome/free-brands-svg-icons'
|
||
|
|
import { TwitchEmbed } from 'react-twitch-embed';
|
||
|
|
|
||
|
|
|
||
|
|
export default function TwitchPopup({ show }) {
|
||
|
|
if(show == true) {
|
||
|
|
return (
|
||
|
|
<div className="card" style={{ backgroundColor: "rgba(79,79,255,1)", marginBottom: "1em" }}>
|
||
|
|
<h1 className={styles.h1}>I'm currently live on Twitch!</h1>
|
||
|
|
<TwitchEmbed id="trick_the_fox" channel="trick_the_fox" theme="dark" autoplay="true" width="100%" withChat={false} />
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
} else {
|
||
|
|
return ( <span></span> )
|
||
|
|
}
|
||
|
|
}
|