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

add some icons

Browse Source
This commit is contained in:
m5r 2021-07-22 01:21:34 +08:00
parent 48a41aed94
commit 05161adbb4
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,11 @@ 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 { faLongArrowLeft } from "@fortawesome/pro-regular-svg-icons"; import {
faLongArrowLeft,
faInfoCircle,
faPhoneAlt as faPhone,
} 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";
@ -92,9 +96,15 @@ const Messages: NextPage<Props> = (props) => {
<Layout title={pageTitle}> <Layout title={pageTitle}>
<header className="grid grid-cols-3 items-center"> <header className="grid grid-cols-3 items-center">
<span className="col-start-1 col-span-1 pl-2 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={faLongArrowLeft} /> <FontAwesomeIcon size="lg" className="h-8 w-8" icon={faLongArrowLeft} />
</span>
<strong className="col-span-1">
{recipient}
</strong>
<span className="col-span-1 text-right space-x-4 pr-2">
<FontAwesomeIcon size="lg" className="h-8 w-8" icon={faPhone} />
<FontAwesomeIcon size="lg" className="h-8 w-8" icon={faInfoCircle} />
</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>