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 ? (