xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Give warning when over 12 tiles

Browse source
This commit is contained in:
Robert Long 2021-08-17 17:32:05 -07:00
parent 1d11e98fc3
commit f2038bd0d8
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/VideoGrid.jsx
View file

@ -37,6 +37,10 @@ function getTilePositions(tileCount, gridBounds) {
const { width: gridWidth, height: gridHeight } = gridBounds; const { width: gridWidth, height: gridHeight } = gridBounds;
const gap = 8; const gap = 8;
if (tileCount > 12) {
console.warn("Over 12 tiles is not currently supported");
}
if (tileCount > 0) { if (tileCount > 0) {
const aspectRatio = gridWidth / gridHeight; const aspectRatio = gridWidth / gridHeight;
@ -49,6 +53,10 @@ function getTilePositions(tileCount, gridBounds) {
} else if (tileCount <= 12) { } else if (tileCount <= 12) {
columnCount = 2; columnCount = 2;
rowCount = Math.ceil(tileCount / 2); rowCount = Math.ceil(tileCount / 2);
} else {
// Unsupported
columnCount = 3;
rowCount = Math.ceil(tileCount / 2);
} }
} else { } else {
if (tileCount === 1) { if (tileCount === 1) {
@ -72,6 +80,10 @@ function getTilePositions(tileCount, gridBounds) {
} else if (tileCount <= 12) { } else if (tileCount <= 12) {
columnCount = 4; columnCount = 4;
rowCount = 3; rowCount = 3;
} else {
// Unsupported
columnCount = 4;
rowCount = 4;
} }
} }