From 48a41aed9444ab4987810f130123a7cc1f826895 Mon Sep 17 00:00:00 2001
From: m5r <mokht@rmi.al>
Date: Thu, 22 Jul 2021 01:16:39 +0800
Subject: [PATCH] show recipient in conversation

---
 src/pages/messages/[recipient].tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/messages/[recipient].tsx b/src/pages/messages/[recipient].tsx
index dfc3790..7c3f760 100644
--- a/src/pages/messages/[recipient].tsx
+++ b/src/pages/messages/[recipient].tsx
@@ -2,7 +2,7 @@ import { useEffect } from "react";
 import type { NextPage } from "next";
 import { useRouter } from "next/router";
 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 { useForm } from "react-hook-form";
 
@@ -90,10 +90,11 @@ const Messages: NextPage<Props> = (props) => {
 
 	return (
 		<Layout title={pageTitle}>
-			<header className="flex">
-				<span className="flex items-center cursor-pointer" onClick={router.back}>
-					<FontAwesomeIcon className="h-8 w-8" icon={faChevronLeft} /> Back
+			<header className="grid grid-cols-3 items-center">
+				<span className="col-start-1 col-span-1 pl-2 cursor-pointer" onClick={router.back}>
+					<FontAwesomeIcon className="h-8 w-8" icon={faLongArrowLeft} />
 				</span>
+				<strong className="col-span-1">{recipient}</strong>
 			</header>
 			<div className="flex flex-col space-y-6 p-6">
 				<ul>