mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show recipient in conversation

Browse Source
This commit is contained in:
m5r 2021-07-22 01:16:39 +08:00
parent 56a967b8c6
commit 48a41aed94
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/messages/[recipient].tsx
View File

@ -2,7 +2,7 @@ import { useEffect } from "react";
import type { NextPage } from "next"; import type { NextPage } from "next";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faChevronLeft } from "@fortawesome/pro-regular-svg-icons"; import { faLongArrowLeft } from "@fortawesome/pro-regular-svg-icons";
import clsx from "clsx"; import clsx from "clsx";
import { useForm } from "react-hook-form"; import { useForm } from "react-hook-form";
@ -90,10 +90,11 @@ const Messages: NextPage<Props> = (props) => {
return ( return (
<Layout title={pageTitle}> <Layout title={pageTitle}>
<header className="flex"> <header className="grid grid-cols-3 items-center">
<span className="flex items-center cursor-pointer" onClick={router.back}> <span className="col-start-1 col-span-1 pl-2 cursor-pointer" onClick={router.back}>
<FontAwesomeIcon className="h-8 w-8" icon={faChevronLeft} /> Back <FontAwesomeIcon className="h-8 w-8" icon={faLongArrowLeft} />
</span> </span>
<strong className="col-span-1">{recipient}</strong>
</header> </header>
<div className="flex flex-col space-y-6 p-6"> <div className="flex flex-col space-y-6 p-6">
<ul> <ul>