21 lines
570 B
JavaScript
21 lines
570 B
JavaScript
import React from 'react';
|
|
import GameRow from './GameRow';
|
|
|
|
export default function GameGrid({ grid, width, middle }) {
|
|
return (
|
|
<table id="actors">
|
|
<tbody>
|
|
{grid.map((row, rowIndex) => (
|
|
<GameRow
|
|
key={rowIndex}
|
|
actorName={row.actorName}
|
|
pos={row.pos}
|
|
colStart={middle - row.pos}
|
|
totalWidth={width}
|
|
/>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
);
|
|
}
|