Commit a551c7dc authored by Igor Stuev's avatar Igor Stuev Committed by GitHub

Add the text for the CapyRun game (#2508)

parent db6708e1
...@@ -4,12 +4,14 @@ import Script from 'next/script'; ...@@ -4,12 +4,14 @@ import Script from 'next/script';
import React from 'react'; import React from 'react';
import config from 'configs/app'; import config from 'configs/app';
import useIsMobile from 'lib/hooks/useIsMobile';
const easterEggBadgeFeature = config.features.easterEggBadge; const easterEggBadgeFeature = config.features.easterEggBadge;
const CapybaraRunner = () => { const CapybaraRunner = () => {
const [ hasReachedHighScore, setHasReachedHighScore ] = React.useState(false); const [ hasReachedHighScore, setHasReachedHighScore ] = React.useState(false);
const isMobile = useIsMobile();
React.useEffect(() => { React.useEffect(() => {
const preventDefaultKeys = (e: KeyboardEvent) => { const preventDefaultKeys = (e: KeyboardEvent) => {
if (e.code === 'Space' || e.code === 'ArrowUp' || e.code === 'ArrowDown') { if (e.code === 'Space' || e.code === 'ArrowUp' || e.code === 'ArrowDown') {
...@@ -32,6 +34,8 @@ const CapybaraRunner = () => { ...@@ -32,6 +34,8 @@ const CapybaraRunner = () => {
return ( return (
<> <>
<Box as="h2" mt={ 12 } mb={ 2 } fontWeight={ 600 } fontSize="xl">Score 1000 to win a special prize!</Box>
<Box mb={ 4 }>{ isMobile ? 'Tap below to start' : 'Press space to start' }</Box>
<Script strategy="lazyOnload" src="/static/capibara/index.js"/> <Script strategy="lazyOnload" src="/static/capibara/index.js"/>
<Box width={{ base: '100%', lg: '600px' }} height="300px" p="50px 0"> <Box width={{ base: '100%', lg: '600px' }} height="300px" p="50px 0">
<div id="main-frame-error" className="interstitial-wrapper" style={{ marginTop: '20px' }}> <div id="main-frame-error" className="interstitial-wrapper" style={{ marginTop: '20px' }}>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment