main
Last change
on this file since 3a783f2 was 64dc53b, checked in by anastasovv <simon@…>, 2 years ago |
Code cleanings
|
-
Property mode
set to
100644
|
File size:
1.0 KB
|
Rev | Line | |
---|
[87614a5] | 1 | import React from 'react'
|
---|
| 2 |
|
---|
| 3 | import { ArcText } from '@arctext/react'
|
---|
| 4 |
|
---|
| 5 | import { useRouter } from 'next/router'
|
---|
| 6 |
|
---|
| 7 | const 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 |
|
---|
| 41 | export default GameCircle |
---|
Note:
See
TracBrowser
for help on using the repository browser.