From 2d0c392e084d3055d67734e87d837780d42b4828 Mon Sep 17 00:00:00 2001 From: Timur Ercan Date: Fri, 3 Feb 2023 16:33:00 +0100 Subject: [PATCH] icon button an recipients ui --- apps/web/pages/documents/[id]/recipients.tsx | 93 ++++++++++++++++++-- packages/ui/components/button/Button.tsx | 2 + packages/ui/components/button/IconButton.tsx | 54 ++++++++++++ packages/ui/components/button/index.ts | 1 + packages/ui/index.ts | 2 +- 5 files changed, 142 insertions(+), 10 deletions(-) create mode 100644 packages/ui/components/button/IconButton.tsx diff --git a/apps/web/pages/documents/[id]/recipients.tsx b/apps/web/pages/documents/[id]/recipients.tsx index f6e761113..b18cd4388 100644 --- a/apps/web/pages/documents/[id]/recipients.tsx +++ b/apps/web/pages/documents/[id]/recipients.tsx @@ -1,13 +1,19 @@ import Head from "next/head"; -import { ReactElement } from "react"; +import { ReactElement, useState } from "react"; import Layout from "../../../components/layout"; import { NextPageWithLayout } from "../../_app"; import { NEXT_PUBLIC_WEBAPP_URL } from "@documenso/lib"; -import { PaperAirplaneIcon, UserCircleIcon } from "@heroicons/react/24/outline"; +import { + PaperAirplaneIcon, + TrashIcon, + UserCircleIcon, + UserPlusIcon, + XMarkIcon, +} from "@heroicons/react/24/outline"; import { getUserFromToken } from "@documenso/lib/server"; import { getDocument } from "@documenso/lib/query"; import { Document as PrismaDocument } from "@prisma/client"; -import { Breadcrumb, Button } from "@documenso/ui"; +import { Breadcrumb, Button, IconButton } from "@documenso/ui"; const RecipientsPage: NextPageWithLayout = (props: any) => { const title: string = @@ -31,6 +37,10 @@ const RecipientsPage: NextPageWithLayout = (props: any) => { }, ]; + const [signers, setSigners] = useState(props?.document?.Recipient); + + if (signers.length === 0) setSigners([{ email: "", name: "" }]); + return ( <> @@ -70,16 +80,81 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {

+

CC

diff --git a/packages/ui/components/button/Button.tsx b/packages/ui/components/button/Button.tsx index 8a84ec383..14881708b 100644 --- a/packages/ui/components/button/Button.tsx +++ b/packages/ui/components/button/Button.tsx @@ -20,6 +20,7 @@ export function Button(props: any) { color === "primary" ? primaryStyles : secondaryStyles, props.className )} + hidden={props.hidden} > {props.icon ? (