selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 20:29:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

hide qr on small screens

Browse Source
This commit is contained in:
Sara
2023-09-27 19:38:56 +02:00
parent 6f00d2a7fe
commit 81dbdc8712
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
www/app/transcripts/[transcriptId]/page.tsx
View File

@@ -63,9 +63,13 @@ export default function TranscriptDetails(details: TranscriptDetails) {
)}
</section>
<section className="flex">
<div className="mr-4">
<QRCode value={`${process.env.NEXT_PUBLIC_SITE_URL}transcripts/${details.params.transcriptId}`} level="L" size={98} />
<section className="flex items-center">
<div className="mr-4 hidden md:block h-auto">
<QRCode
value={`${process.env.NEXT_PUBLIC_SITE_URL}transcripts/${details.params.transcriptId}`}
level="L"
size={98}
/>
</div>
<div className="flex-grow">
<ShareLink />

2
www/app/transcripts/useWebSockets.ts
View File

@@ -31,7 +31,7 @@ export const useWebSockets = (transcriptId: string | null): UseWebSockets => {
const text = textQueue[0];
setTranscriptText(text);
const WPM_READING = 200 + (textQueue.length * 10); // words per minute to read
const WPM_READING = 200 + textQueue.length * 10; // words per minute to read
const wordCount = text.split(/\s+/).length;
const delay = (wordCount / WPM_READING) * 60 * 1000;
console.log(`displaying "${text}" for ${delay}ms`);