Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-14 00:32:43 +10:00
Code Issues Packages Projects Releases Wiki Activity

🚧 singing workflow, signing pad

Browse Source
This commit is contained in:
Timur Ercan
2023-02-17 19:08:23 +01:00
parent 5f210d67ef
commit 2934cf3615
9 changed files with 198 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
apps/web/components/editor/readonly-field.tsx
View File

@ -39,7 +39,7 @@ export default function ReadOnlyField(props: FieldPropsType) {
>
<div
onClick={() => {
props.onClick(props.field);
if (!field?.signature) props.onClick(props.field);
}}
ref={nodeRef}
className="cursor-pointer opacity-80 p-2 m-auto w-auto flex-row-reverse text-lg font-bold text-center absolute top-0 left-0 select-none hover:brightness-50"
@ -47,9 +47,35 @@ export default function ReadOnlyField(props: FieldPropsType) {
background: stc(props.field.Recipient.email),
}}
>
<div className="m-auto w-auto flex-row-reverse font-medium text-center px-12 py-2">
<div
hidden={field?.signature}
className="m-auto w-auto flex-row-reverse font-medium text-center px-12 py-2"
>
{field.type === "SIGNATURE" ? "SIGN HERE" : ""}
</div>
<div
hidden={!field?.signature}
className="font-qwigley text-5xl m-auto w-auto flex-row-reverse font-medium text-center"
>
{field?.signature?.type === "type" ? field?.signature.name : ""}
{field?.signature?.type === "draw" ? (
<img className="w-50 h-20" src={field?.signature?.signatureImage} />
) : (
""
)}
<IconButton
icon={XCircleIcon}
color="secondary"
className="absolute top-0 right-0 -m-5"
onClick={(event: any) => {
event.preventDefault();
event.stopPropagation();
const newField = { ...field };
newField.signature = null;
setField(newField);
}}
/>
</div>
</div>
</Draggable>
);