main
Last change
on this file since 87614a5 was 87614a5, checked in by anastasovv <simon@…>, 2 years ago |
Blackjack prototype
|
-
Property mode
set to
100644
|
File size:
930 bytes
|
Line | |
---|
1 | import React from 'react'
|
---|
2 |
|
---|
3 | import { useSelector } from 'react-redux'
|
---|
4 |
|
---|
5 | import { useState } from 'react'
|
---|
6 |
|
---|
7 | import Card from '../Card'
|
---|
8 |
|
---|
9 | const Cards = () => {
|
---|
10 | const playerState = useSelector(state => state.player)
|
---|
11 |
|
---|
12 | let initialPos = {
|
---|
13 | left: 70,
|
---|
14 | top: 24,
|
---|
15 | }
|
---|
16 |
|
---|
17 | let playerPos = {
|
---|
18 | left: 50,
|
---|
19 | top: 75.5
|
---|
20 | }
|
---|
21 |
|
---|
22 | let dealerPos = {
|
---|
23 | left: 50,
|
---|
24 | top: 32,
|
---|
25 | }
|
---|
26 |
|
---|
27 | const splitCardsMultiplyByInt = 2;
|
---|
28 |
|
---|
29 | return (
|
---|
30 | <div className="blackjackCards">
|
---|
31 | {playerState?.game?.playerCards?.map((card, i) => (
|
---|
32 | <Card key={card} card={card} rotateZ={i*splitCardsMultiplyByInt} pos={{left: playerPos.left+i*splitCardsMultiplyByInt, top: playerPos.top}}/>
|
---|
33 | ))}
|
---|
34 | {playerState?.game?.dealerCards?.map((card, i) => (
|
---|
35 | <Card key={card} card={card} rotateZ={i*splitCardsMultiplyByInt} pos={{left: dealerPos.left+i*splitCardsMultiplyByInt, top: dealerPos.top}}/>
|
---|
36 | ))}
|
---|
37 | </div>
|
---|
38 | )
|
---|
39 | }
|
---|
40 |
|
---|
41 | export default Cards |
---|
Note:
See
TracBrowser
for help on using the repository browser.