This commit is contained in:
Timur Ercan
2023-02-02 18:24:23 +01:00
parent 32ac78aeea
commit d4854b227a
5 changed files with 19 additions and 10 deletions

View File

@ -11,6 +11,7 @@
}, },
"dependencies": { "dependencies": {
"@documenso/prisma": "*", "@documenso/prisma": "*",
"@documenso/ui": "*",
"@headlessui/react": "^1.7.4", "@headlessui/react": "^1.7.4",
"@heroicons/react": "^2.0.13", "@heroicons/react": "^2.0.13",
"@tailwindcss/forms": "^0.5.3", "@tailwindcss/forms": "^0.5.3",

View File

@ -132,7 +132,7 @@ const DocumentsPage: NextPageWithLayout = (props: any) => {
</td> </td>
<td className="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> <td className="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
{document.Recipient.map((item: any) => ( {document.Recipient.map((item: any) => (
<div> <div key={item.id}>
{item.sendStatus === "SENT" && {item.sendStatus === "SENT" &&
item.readStatus !== "OPENED" && item.readStatus !== "OPENED" &&
item.signingStatus !== "SIGNED" ? ( item.signingStatus !== "SIGNED" ? (

View File

@ -96,19 +96,17 @@ const DocumentsDetailPage: NextPageWithLayout = (props: any) => {
</div> </div>
</div> </div>
<div className="mt-4 flex flex-shrink-0 md:mt-0 md:ml-4"> <div className="mt-4 flex flex-shrink-0 md:mt-0 md:ml-4">
<Link <Button
type="a" icon={UserPlusIcon}
href={ href={
NEXT_PUBLIC_WEBAPP_URL + NEXT_PUBLIC_WEBAPP_URL +
"/documents/" + "/documents/" +
props.document.id + props.document.id +
"/recipients" "/recipients"
} }
className="ml-3 inline-flex items-center rounded-md border border-transparent bg-neon px-4 py-2 text-sm font-medium text-white shadow-sm bg-grey hover:bg-neon-dark focus:outline-none focus:ring-2 focus:neon-dark focus:ring-offset-2"
> >
<UserPlusIcon className="inline text-white h-4 mr-1"></UserPlusIcon>
Add Recipients Add Recipients
</Link> </Button>
<Button <Button
icon={PaperAirplaneIcon} icon={PaperAirplaneIcon}
disabled={(props?.document?.Recipient?.length || 0) === 0} disabled={(props?.document?.Recipient?.length || 0) === 0}

4
package-lock.json generated
View File

@ -44,6 +44,7 @@
"version": "0.1.0", "version": "0.1.0",
"dependencies": { "dependencies": {
"@documenso/prisma": "*", "@documenso/prisma": "*",
"@documenso/ui": "*",
"@headlessui/react": "^1.7.4", "@headlessui/react": "^1.7.4",
"@heroicons/react": "^2.0.13", "@heroicons/react": "^2.0.13",
"@tailwindcss/forms": "^0.5.3", "@tailwindcss/forms": "^0.5.3",
@ -8488,6 +8489,7 @@
"version": "file:apps/web", "version": "file:apps/web",
"requires": { "requires": {
"@documenso/prisma": "*", "@documenso/prisma": "*",
"@documenso/ui": "*",
"@headlessui/react": "^1.7.4", "@headlessui/react": "^1.7.4",
"@heroicons/react": "^2.0.13", "@heroicons/react": "^2.0.13",
"@tailwindcss/forms": "^0.5.3", "@tailwindcss/forms": "^0.5.3",
@ -8523,7 +8525,7 @@
"react-tooltip": "^5.7.2", "react-tooltip": "^5.7.2",
"sass": "^1.57.1", "sass": "^1.57.1",
"short-uuid": "^4.2.2", "short-uuid": "^4.2.2",
"signature_pad": "*", "signature_pad": "^4.1.4",
"tailwindcss": "^3.2.4", "tailwindcss": "^3.2.4",
"typescript": "4.8.4" "typescript": "4.8.4"
}, },

View File

@ -6,8 +6,8 @@ export function Button(props: any) {
const isLink = typeof props.href !== "undefined"; const isLink = typeof props.href !== "undefined";
const { color = "primary", icon, disabled, onClick } = props; const { color = "primary", icon, disabled, onClick } = props;
const baseStyles = const baseStyles =
"inline-flex items-center justify-center min-w-[80px] rounded-md border border-transparent px-4 py-2 text-sm font-medium text-white shadow-sm disabled:bg-gray-300"; "ml-3 inline-flex items-center justify-center min-w-[80px] rounded-md border border-transparent px-4 py-2 text-sm font-medium shadow-sm disabled:bg-gray-300";
const primaryStyles = "bg-neon hover:bg-neon-dark"; const primaryStyles = "text-white bg-neon hover:bg-neon-dark";
const secondaryStyles = const secondaryStyles =
"border-gray-300 bg-white text-gray-700 hover:bg-gray-50"; "border-gray-300 bg-white text-gray-700 hover:bg-gray-50";
@ -21,6 +21,14 @@ export function Button(props: any) {
props.className props.className
)} )}
> >
{props.icon ? (
<props.icon
className="inline text-inherit h-5 mr-1"
aria-hidden="true"
></props.icon>
) : (
""
)}
{props.children} {props.children}
</Link> </Link>
) : ( ) : (
@ -36,7 +44,7 @@ export function Button(props: any) {
> >
{props.icon ? ( {props.icon ? (
<props.icon <props.icon
className="inline text-inherit w-4 mr-1" className="inline text-inherit h-5 mr-1"
aria-hidden="true" aria-hidden="true"
></props.icon> ></props.icon>
) : ( ) : (