aboutsummaryrefslogtreecommitdiffstats
path: root/frontend/src/components
diff options
context:
space:
mode:
authorLeonardo Bishop <me@leonardobishop.com>2023-11-05 10:11:43 +0000
committerLeonardo Bishop <me@leonardobishop.com>2023-11-05 10:11:43 +0000
commit591ba844bd979e6f9c371a1e7ed84205d2c93750 (patch)
treeceec9187305f431691dbe0d004681cbb7a3e52a4 /frontend/src/components
parentc6c93acc32893d891adb39011674c02f3f04999e (diff)
add qr to tetris playing screen
Diffstat (limited to 'frontend/src/components')
-rw-r--r--frontend/src/components/TetrisBoard.vue7
1 files changed, 6 insertions, 1 deletions
diff --git a/frontend/src/components/TetrisBoard.vue b/frontend/src/components/TetrisBoard.vue
index 0185e53..9767d03 100644
--- a/frontend/src/components/TetrisBoard.vue
+++ b/frontend/src/components/TetrisBoard.vue
@@ -6,7 +6,8 @@ import { type Board } from '@/model/board';
const props = defineProps({
networked: Boolean,
- inputQueue: Array<string>
+ inputQueue: Array<string>,
+ qrCode: String,
});
const renderBoard: Ref<Board> = ref([[]]);
@@ -292,6 +293,10 @@ onMounted(() => {
To do a hard drop, use the arrow up key or <kbd>K</kbd>.
</p>
</div>
+ <div v-if="networked">
+ <h2>Join this game</h2>
+ <QRCode size=200 level="M" :value="qrCode"></QRCode>
+ </div>
</div>
</div>