source: components/GameCircle.jsx@ 433e0c5

main
Last change on this file since 433e0c5 was 64dc53b, checked in by anastasovv <simon@…>, 2 years ago

Code cleanings

  • Property mode set to 100644
File size: 1.0 KB
Line 
1import React from 'react'
2
3import { ArcText } from '@arctext/react'
4
5import { useRouter } from 'next/router'
6
7const GameCircle = ( { src, text, routeTo, game } ) => {
8 const router = useRouter()
9
10 function clicked() {
11 router.push(routeTo)
12 }
13
14 return (
15 <div className="gameCircle" onClick={() => clicked()}>
16 <div className="circleLarge">
17 <div className="circle" style={{backgroundImage: `url('${src}')`}}>
18
19 </div>
20 </div>
21 <h3>
22 <ArcText
23 text={text}
24 upsideDown
25 width={600}
26 characterWidth={4.8}
27 style={{color: 'white',
28 position: 'relative',
29 transform: 'rotateZ(180deg) scaleX(-1)',
30 marginTop: '30px',
31 fontSize: '1.6rem',
32 color: '#FFD700',
33 fontWeight: 'bold'
34 }}
35 />
36 </h3>
37 </div>
38 )
39}
40
41export default GameCircle
Note: See TracBrowser for help on using the repository browser.