128 | {new Array(52).fill(0).map((_, index) => {
129 | const rank = index % 13;
130 | const suit = Math.floor(index / 13);
131 | const gridArea = `${rankToString(rank)}${TEXT_SUIT_TO_CHAR[suit]}`;
132 | return (
133 |
134 |
135 | {RANK_TO_CHAR[rank]}
136 |
137 |
138 | {SUIT_TO_CHAR[suit]}
139 |
140 |
141 | );
142 | })}
143 |
144 | );
145 | }
146 |
147 | type BoardSelectorProps = {
148 | className?: string;
149 | };
150 |
151 | function BoardSelector(props: BoardSelectorProps): React.ReactElement {
152 | const { className = '' } = props;
153 | const [modalShown, setModalShown] = useState(false);
154 | return (
155 |