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

modifications to the convo view

Browse Source
This commit is contained in:
Arjun Patel
2022-02-11 17:55:55 -08:00
parent e2672052d2
commit 78bb94abc8
1 changed files with 206 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/components/MainTabsOrPages/ViewConvo.tsx
+10 -9
View File
@@ -290,10 +290,8 @@ export default function ViewConvo(props: { conversationId: string }) {
/> />
<div className="flex flex-col items-stretch mt-5 space-y-10"> <div className="flex flex-col items-stretch mt-5 space-y-10">
{/* convo name and action buttons on top */}
<div className="flex-1 flex flex-col overflow-auto">
{/* header */} {/* header */}
<span className="flex flex-row justify-between items-center mb-5"> <span className="flex flex-row justify-between items-center">
<span className="flex flex-col"> <span className="flex flex-col">
<span className="flex flex-row items-center group"> <span className="flex flex-row items-center group">
<span <span
@@ -388,14 +386,16 @@ export default function ViewConvo(props: { conversationId: string }) {
</span> </span>
</span> </span>
<div className="flex flex-row items-start space-x-5">
<div className="flex-1 flex flex-col overflow-auto">
{!editTldrMode ? ( {!editTldrMode ? (
<> <>
<span <span
onClick={() => setEditTldrMode(true)} onClick={() => setEditTldrMode(true)}
className="flex flex-row group items-center" className="flex flex-row group items-center"
> >
<span className="max-w-md text-md text-slate-400 uppercase cursor-pointer whitespace-pre-line"> <span className="text-md tracking-widest font-semibold text-slate-300 uppercase mb-2">
tldr; TLDR;
</span> </span>
<span className="p-2 ml-2 rounded-full hover:cursor-pointer hover:bg-slate-200 group-hover:visible invisible"> <span className="p-2 ml-2 rounded-full hover:cursor-pointer hover:bg-slate-200 group-hover:visible invisible">
@@ -497,18 +497,18 @@ export default function ViewConvo(props: { conversationId: string }) {
</div> </div>
{/* drawer items */} {/* drawer items */}
<div className="flex-1 flex flex-col"> <div className="flex flex-col">
<span className="text-md tracking-widest font-semibold text-slate-300 uppercase mb-2"> <span className="text-md tracking-widest font-semibold text-slate-300 uppercase mb-2">
Shared Shared
</span> </span>
{/* row of cards drawer items */} {/* row of cards drawer items */}
<span className="flex flex-row items-stretch gap-5 overflow-auto w-full pb-10"> <span className="flex flex-col items-stretch overflow-auto w-full pb-10">
{testDrawerItems.map((link) => ( {testDrawerItems.map((link) => (
<span <span
key={link.linkName} key={link.linkName}
className="group flex flex-row items-center border rounded className="group flex flex-row items-center border-t
p-2 hover:bg-slate-50 transition-all shrink-0 w-[15rem] bg-slate-50 text-ellipsis" p-2 hover:bg-slate-50 transition-all shrink-0 w-[15rem] text-ellipsis"
> >
{/* <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> */}
@@ -542,6 +542,7 @@ export default function ViewConvo(props: { conversationId: string }) {
</span> </span>
</div> </div>
</div> </div>
</div>
</> </>
); );
} }