talksik/nirvana-v3
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update index.tsx

Browse Source
This commit is contained in:
talksik
2022-05-11 16:42:52 -05:00
parent 1aed13dc27
commit b634f71292
1 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/desktop/src/pages/terminal/index.tsx
+13 -9
View File
@@ -443,11 +443,11 @@ function LineDetailsTerminal({
/> />
<span className="text-gray-500">{otherUser.givenName}</span> <span className="text-gray-500">{otherUser.givenName}</span>
<span className="ml-auto text-sm text-gray-300">{`${ <span className="ml-auto text-xs text-gray-300">{`${
Math.floor(Math.random() * 10) + 1 Math.floor(Math.random() * 10) + 1
}:${Math.floor(Math.random() * 100) + 10}pm |`}</span> }:${Math.floor(Math.random() * 100) + 10}pm |`}</span>
<span className="text-gray-600 text-md">{`${ <span className="text-gray-400 text-md">{`${
Math.floor(Math.random() * 60) + 1 Math.floor(Math.random() * 60) + 1
} seconds`}</span> } seconds`}</span>
</div> </div>
@@ -467,11 +467,11 @@ function LineDetailsTerminal({
/> />
<span className="text-gray-500">{"Arjun Patel"}</span> <span className="text-gray-500">{"Arjun Patel"}</span>
<span className="ml-auto text-sm text-gray-300">{`${ <span className="ml-auto text-xs text-gray-300">{`${
Math.floor(Math.random() * 10) + 1 Math.floor(Math.random() * 10) + 1
}:${Math.floor(Math.random() * 100) + 10}pm |`}</span> }:${Math.floor(Math.random() * 100) + 10}pm |`}</span>
<span className="text-gray-600 text-md">{`${ <span className="text-gray-400 text-md">{`${
Math.floor(Math.random() * 60) + 1 Math.floor(Math.random() * 60) + 1
} seconds`}</span> } seconds`}</span>
</div> </div>
@@ -479,12 +479,16 @@ function LineDetailsTerminal({
<span className={"text-gray-300 text-sm"}>today</span> <span className={"text-gray-300 text-sm"}>today</span>
<div className={"rounded border border-gray-400 flex flex-col w-full"}> <div
className={
"rounded border border-gray-400 flex flex-col w-full shadow-xl"
}
>
{selectedLine.otherUserObjects.map((otherUser) => ( {selectedLine.otherUserObjects.map((otherUser) => (
// TODO: show the shadow if it's unheard // TODO: show the shadow if it's unheard
<div <div
className="flex flex-row p-2 gap-2 items-center bg-transparent className="flex flex-row p-2 gap-2 items-center bg-transparent
border-b border-b-gray-400 last:border-b-0 shadow-xl" border-b border-b-gray-400 last:border-b-0"
> >
<Avatar <Avatar
key={`linehistory-${1}`} key={`linehistory-${1}`}
@@ -492,13 +496,13 @@ function LineDetailsTerminal({
shape="square" shape="square"
size={"default"} size={"default"}
// grayscale if not playing? // grayscale if not playing?
className={`${true && "grayscale"}`} className={`${false && "grayscale"}`}
/> />
<span className="text-gray-500 font-semibold"> <span className="text-gray-600 font-semibold">
{otherUser.name} {otherUser.name}
</span> </span>
<span className="ml-auto text-sm text-gray-300">{`${ <span className="ml-auto text-xs text-gray-400">{`${
Math.floor(Math.random() * 10) + 1 Math.floor(Math.random() * 10) + 1
}:${Math.floor(Math.random() * 100) + 10}pm |`}</span> }:${Math.floor(Math.random() * 100) + 10}pm |`}</span>