blsmedia/sign
2
0
Fork 0
Code Issues Packages Releases Activity

🚚 readable field to signable field

Browse Source
This commit is contained in:
Timur Ercan
2023-02-24 18:05:32 +01:00
parent 00f709cb24
commit 9d7b0d2753
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/components/editor/pdf-viewer.jsx
View File

@@ -1,7 +1,7 @@
import { Fragment, useState } from "react"; import { Fragment, useState } from "react";
import { Document, Page } from "react-pdf/dist/esm/entry.webpack5"; import { Document, Page } from "react-pdf/dist/esm/entry.webpack5";
import EditableField from "./editable-field"; import EditableField from "./editable-field";
import ReadOnlyField from "./readonly-field"; import SignableField from "./signable-field";
import short from "short-uuid"; import short from "short-uuid";
export default function PDFViewer(props) { export default function PDFViewer(props) {
@@ -73,13 +73,13 @@ export default function PDFViewer(props) {
.filter((item) => item.page === index) .filter((item) => item.page === index)
.map((item) => .map((item) =>
props.readonly ? ( props.readonly ? (
<ReadOnlyField <SignableField
onClick={props.onClick} onClick={props.onClick}
key={item.id} key={item.id}
field={item} field={item}
className="absolute" className="absolute"
onDelete={onDeleteHandler} onDelete={onDeleteHandler}
></ReadOnlyField> ></SignableField>
) : ( ) : (
<EditableField <EditableField
hidden={item.Signature} hidden={item.Signature}

2
apps/web/components/editor/readonly-field.tsx → apps/web/components/editor/signable-field.tsx
View File

@@ -18,7 +18,7 @@ type FieldPropsType = {
onDelete: any; onDelete: any;
}; };
export default function ReadOnlyField(props: FieldPropsType) { export default function SignableField(props: FieldPropsType) {
const [field, setField]: any = useState(props.field); const [field, setField]: any = useState(props.field);
const [position, setPosition]: any = useState({ const [position, setPosition]: any = useState({
x: props.field.positionX, x: props.field.positionX,