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

Update ViewConvo.tsx

Browse Source
This commit is contained in:
Arjun Patel
2022-02-11 18:00:43 -08:00
parent 71adf3a745
commit 1d994ec990
1 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/components/MainTabsOrPages/ViewConvo.tsx
+16 -12
View File
@@ -485,12 +485,12 @@ export default function ViewConvo(props: { conversationId: string }) {
</span> </span>
{/* row of cards drawer items */} {/* row of cards drawer items */}
<span className="flex flex-col items-stretch overflow-auto w-full pb-10"> <span className="flex flex-col items-stretch">
{testDrawerItems.map((link) => ( {testDrawerItems.map((link) => (
<span <span
key={link.linkName} key={link.linkName}
className="group flex flex-row items-center border-t className="group flex flex-row items-center border-t
p-2 hover:bg-slate-50 transition-all shrink-0 w-[15rem] text-ellipsis" p-2 hover:bg-slate-50 transition-all shrink-0 text-ellipsis last:border-b"
> >
{/* <span className="rounded-lg bg-slate-200 p-2 hover:cursor-pointer"></span> */} {/* <span className="rounded-lg bg-slate-200 p-2 hover:cursor-pointer"></span> */}
@@ -499,14 +499,16 @@ export default function ViewConvo(props: { conversationId: string }) {
className="text-3xl shrink-0" className="text-3xl shrink-0"
/> />
<span className="flex flex-col ml-2"> <Tooltip title={link.linkName}>
<span className="text-slate-400 text-sm"> <span className="flex flex-col ml-2 max-w-[10rem]">
{link.linkName} <span className="text-slate-400 text-sm truncate">
{link.linkName}
</span>
<span className="text-slate-300 text-xs">
{link.relativeSentTime}
</span>
</span> </span>
<span className="text-slate-300 text-xs"> </Tooltip>
{link.relativeSentTime}
</span>
</span>
<span className="flex flex-row ml-auto space-x-1 group-hover:visible invisible"> <span className="flex flex-row ml-auto space-x-1 group-hover:visible invisible">
<Tooltip title={"Add to personal drawer."}> <Tooltip title={"Add to personal drawer."}>
@@ -515,9 +517,11 @@ export default function ViewConvo(props: { conversationId: string }) {
</span> </span>
</Tooltip> </Tooltip>
<span className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200 "> <Tooltip title={"https://usenirvana.com"}>
<FaExternalLinkAlt className="text-lg text-slate-400" /> <span className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200 ">
</span> <FaExternalLinkAlt className="text-lg text-slate-400" />
</span>
</Tooltip>
</span> </span>
</span> </span>
))} ))}