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-03-20 17:46:37 -04:00
parent 05b560dafd
commit a394b5fc6c
1 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/desktop/src/pages/Home/conversations/index.tsx
+11 -6
View File
@@ -3,9 +3,10 @@ import {
CardGiftcardRounded, CardGiftcardRounded,
ContactsRounded, ContactsRounded,
LinkRounded, LinkRounded,
PushPinRounded,
} from "@mui/icons-material"; } from "@mui/icons-material";
import { FaVolumeUp } from "react-icons/fa";
export default function Conversations() { export default function Conversations() {
/** Data we need: have this huge data store client side to be able to access /** Data we need: have this huge data store client side to be able to access
* for now, need a simple list of contacts * for now, need a simple list of contacts
@@ -37,13 +38,17 @@ export default function Conversations() {
</div> </div>
{/* pinned conversations */} {/* pinned conversations */}
<div className="m-5 bg-slate-500 shadow-lg rounded"> <div className="m-5 p-4 bg-slate-500 shadow-lg rounded">
<span className="flex flex-row justify-start p-4 items-center"> <span className="flex flex-row justify-start items-center">
<PushPinRounded className="text-slate-100" /> <FaVolumeUp className="text-red-500" />
<span className="tracking-wider text-slate-100 uppercase text-sm font-semibold"> <span className="ml-2 tracking-wider text-slate-100 uppercase text-sm font-semibold">
Pinned Live
</span> </span>
</span> </span>
<span className="text-slate-300">
Mark Conversations as Pinned to Hear Them Live
</span>
</div> </div>
</> </>
); );