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

Merge remote-tracking branch 'origin' into jose/vertical-waveform

Browse Source
This commit is contained in:
Jose B
2023-07-19 14:52:25 -05:00
parent d1ffe6afa5 ca75871cd5
commit b535e58cb5
3 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/dashboard.js
View File

@@ -141,7 +141,7 @@ export function Dashboard(props) {
{generateDecibelGraph(generateDecibelData())} {generateDecibelGraph(generateDecibelData())}
</div> </div>
</div> </div>
<div className="mt-2 p-2">{liveTranscript}</div> <div className="mt-2 p-2 bg-white temp-transcription">{props.transcriptionText}</div>
</div> </div>
</div> </div>

6
app/globals.css
View File

@@ -27,3 +27,9 @@ body {
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
} }
.temp-transcription
{
background: beige;
border-radius: 5px;
}

6
app/page.js
View File

@@ -11,6 +11,7 @@ const App = () => {
// This is where you'd send the stream and receive the data from the server. // This is where you'd send the stream and receive the data from the server.
// transcription, summary, etc // transcription, summary, etc
const serverData = useWebRTC(stream); const serverData = useWebRTC(stream);
const text = serverData?.text ?? "";
return ( return (
<div className="flex flex-col items-center h-[100svh]"> <div className="flex flex-col items-center h-[100svh]">
@@ -20,7 +21,10 @@ const App = () => {
</div> </div>
<Recorder setStream={setStream}/> <Recorder setStream={setStream}/>
<Dashboard serverData={serverData} /> <Dashboard
serverData={serverData}
transcriptionText={`[${serverData?.timestamp?.substring(2) ?? "??"}] ${text}`}
/>
<footer className="w-full bg-gray-800 text-center py-4 mt-auto text-white"> <footer className="w-full bg-gray-800 text-center py-4 mt-auto text-white">
Reflector © 2023 Monadical Reflector © 2023 Monadical