diff --git a/vocodes/public/banner/banner.webp b/vocodes/public/banner/banner.webp new file mode 100644 index 0000000000..abef440bf6 Binary files /dev/null and b/vocodes/public/banner/banner.webp differ diff --git a/vocodes/src/modes/speak/NewsNotice.tsx b/vocodes/src/modes/speak/NewsNotice.tsx new file mode 100644 index 0000000000..94d17a8bc1 --- /dev/null +++ b/vocodes/src/modes/speak/NewsNotice.tsx @@ -0,0 +1,59 @@ +import React from 'react'; + +interface Props { + showNewsNotice: boolean, + toggleNewsNoticeCallback: () => void, +} + +interface State { +} + +class NewsNotice extends React.Component { + + constructor(props: Props) { + super(props); + this.state = { + }; + } + + public render() { + if (!this.props.showNewsNotice) { + return
; + } + + return ( +
+
+

Join our Twitch for Early Access

+ +
+
+ +
+
+ Follow us on Twitch! +
+
+

+ Follow us on Twitch! We're + building streaming tools that will incorporate deep fake technology and audience interaction. You'll be able + to use this for your streams, too. +

+
+

+ You get early and exclusive access to new voices. We're also giving away $100 in prizes with every stream. + Please check us out! Follow for notifications! +

+
+

Early access voices: Goku, Tails, Knuckles, MJ, and more...

+
+
+ +
+
+ ); + } +} + +export { NewsNotice } \ No newline at end of file diff --git a/vocodes/src/modes/speak/SpeakComponent.tsx b/vocodes/src/modes/speak/SpeakComponent.tsx index b68e46113d..60d34d7f29 100644 --- a/vocodes/src/modes/speak/SpeakComponent.tsx +++ b/vocodes/src/modes/speak/SpeakComponent.tsx @@ -10,6 +10,7 @@ import { SpectrogramMode } from '../../App'; import { StatusText } from './StatusText'; import { Utterance } from '../../model/utterance'; import { getRandomInt } from '../../Utils'; +import { NewsNotice } from './NewsNotice'; enum StatusState { NONE, @@ -180,34 +181,12 @@ class SpeakComponent extends React.Component { onClick={this.toggleMode}>{modeText} } - let newsNotice=
; - - if (this.props.showNewsNotice) { - newsNotice = ( -
-
-

Join our Twitch for New Voices to win a PlayStation 5

- -
-
-

- Follow us on Twitch! We're - building streaming tools that will incorporate deep fake technology and audience interaction. You'll be able - to use this for your streams, too. -

-

- You get early and exclusive access to new voices. We're also giving away $100 in prizes with every stream. - Please check us out! Follow for notifications! -

-
-
- ); - } - return (
- - {newsNotice} +