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

🚸 ✨ Associate recipients to fields, improved flow

Browse Source
This commit is contained in:
Timur Ercan
2023-02-15 15:44:23 +01:00
parent 5d4b51b094
commit 676c563c2f
7 changed files with 168 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/web/components/editor/field.tsx
View File

@ -16,7 +16,7 @@ type FieldPropsType = {
positionX: number;
positionY: number;
id: string;
recipient: string;
Recipient: { name: ""; email: "" };
};
onPositionChanged: any;
onDelete: any;
@ -53,13 +53,22 @@ export default function Field(props: FieldPropsType) {
>
<div
ref={nodeRef}
style={{ background: stc(props.field.recipient) }}
className="cursor-move opacity-80 p-2 m-auto w-auto flex-row-reverse text-lg font-bold text-center absolute top-0 left-0"
style={{
background: stc(props.field.Recipient.email),
}}
>
<Logo className="mx-auto w-16 mb-2"></Logo>
<div className="m-auto w-auto flex-row-reverse text-lg font-bold text-center">
{/* todo icons */}
{field.type}
<div className="text-xs text-center">{props.field.recipient}</div>
{field.type === "SIGNATURE" ? (
<div className="text-xs text-center">
{`${props.field.Recipient?.name} <${props.field.Recipient?.email}>`}
</div>
) : (
""
)}
</div>
<strong>
<IconButton