@@ -15,35 +15,33 @@ function HandTiles(props: HandTilesProps) {
1515 } ;
1616 } ) ;
1717 return (
18- < >
19- < div className = "flex justify-center" >
20- < ul className = "flex list-none" >
21- { tehaiWithID . map ( ( hai ) => (
22- < li key = { hai . id } >
23- < img
24- src = { `/hai/${ hai . kind } _${ hai . value } .png` }
25- alt = { `${ hai . kind } ${ hai . value } ` }
26- width = "50"
27- height = "70"
28- onClick = { ( ) => props . tedashi ( hai . id ) } // クリックイベントで関数を実行
29- onKeyDown = { ( ) => props . tedashi ( hai . id ) } // 意味あるのか分からない
30- style = { { cursor : "pointer" } } // クリックできることを示すためにポインターに変更
31- />
32- </ li >
33- ) ) }
34- </ ul >
18+ < div className = "flex justify-center" >
19+ < ul className = "flex list-none" >
20+ { tehaiWithID . map ( ( hai ) => (
21+ < li key = { hai . id } >
22+ < img
23+ src = { `/hai/${ hai . kind } _${ hai . value } .png` }
24+ alt = { `${ hai . kind } ${ hai . value } ` }
25+ width = "50"
26+ height = "70"
27+ onClick = { ( ) => props . tedashi ( hai . id ) } // クリックイベントで関数を実行
28+ onKeyDown = { ( ) => props . tedashi ( hai . id ) } // 意味あるのか分からない
29+ style = { { cursor : "pointer" } } // クリックできることを示すためにポインターに変更
30+ />
31+ </ li >
32+ ) ) }
33+ </ ul >
3534
36- < img
37- src = { `/hai/${ props . tsumo . kind } _${ props . tsumo . value } .png` }
38- alt = { `${ props . tsumo . kind } ${ props . tsumo . value } ` }
39- width = "50"
40- height = "70"
41- onClick = { ( ) => props . tsumogiri ( ) } // クリックイベントでtsumogiri関数を実行
42- onKeyDown = { ( ) => props . tsumogiri ( ) } // 意味あるのか分からない
43- style = { { cursor : "pointer" , transform : "translate(0.5rem, 1.5rem)" } } // クリックできることを示すためにポインターに変更
44- />
45- </ div >
46- </ >
35+ < img
36+ src = { `/hai/${ props . tsumo . kind } _${ props . tsumo . value } .png` }
37+ alt = { `${ props . tsumo . kind } ${ props . tsumo . value } ` }
38+ width = "50"
39+ height = "70"
40+ onClick = { ( ) => props . tsumogiri ( ) } // クリックイベントでtsumogiri関数を実行
41+ onKeyDown = { ( ) => props . tsumogiri ( ) } // 意味あるのか分からない
42+ style = { { cursor : "pointer" , transform : "translate(0.5rem, 1.5rem)" } } // クリックできることを示すためにポインターに変更
43+ />
44+ </ div >
4745 ) ;
4846}
4947
0 commit comments