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

Manual update with main

Browse Source
This commit is contained in:
Koper
2023-07-21 17:37:22 +07:00
parent cf60a5998e
commit 74d1df6dc4
5 changed files with 91 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/components/dashboard.js
View File

@@ -14,7 +14,11 @@ export function Dashboard({
return (
<>
<div className="p-4">
<div className="w-3/4 py-4">
<div className="text-center py-6">
<h1 className="text-4xl font-bold text-blue-500">Reflector</h1>
<p className="text-gray-500">Capture The Signal, Not The Noise</p>
</div>
<div className="flex justify-between border-b-2">
<div className="w-1/4">Timestamp</div>
<div className="w-1/4">Topic</div>
@@ -31,9 +35,8 @@ export function Dashboard({
<div className="w-1/4">
{item.title}{" "}
<span
className={`inline-block transform transition-transform duration-200 ${
openIndex === index ? "rotate-90" : ""
}`}
className={`inline-block transform transition-transform duration-200 ${openIndex === index ? "rotate-90" : ""
}`}
>
{">"}
</span>
@@ -42,11 +45,12 @@ export function Dashboard({
</div>
</div>
{openIndex === index && (
<div className="mt-2 p-2">{item.transcript}</div>
<div className="mt-2 p-2 bg-white">{item.transcript}</div>
)}
</div>
))}
<div className="border-b-2 py-2 w-[90vw] max-w-[1280px]">
<div className="border-b-2 py-2">
<div className="flex justify-between">
<div className="w-1/4">Live</div>
<div className="w-1/4">Transcript</div>
@@ -57,8 +61,7 @@ export function Dashboard({
{transcriptionText}
</div>
</div>
</div>
</>
);
}
}