Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2026-07-27 18:35:05 +10:00
Code Issues Packages Projects Releases Wiki Activity

🚸 floating field buttons

Browse Source
This commit is contained in:
Timur Ercan
2023-02-15 16:15:43 +01:00
parent 0436d1cbc3
commit 0e7a232f56
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/components/editor/pdf-editor.tsx
+13 -13
View File
@@ -50,7 +50,14 @@ export default function PDFEditor(props: any) {
return ( return (
<> <>
<div hidden={noRecipients}> <PDFViewer
document={props.document}
fields={fields}
onPositionChanged={onPositionChangedHandler}
onDelete={onDeleteHandler}
pdfUrl={`${NEXT_PUBLIC_WEBAPP_URL}/api/documents/${router.query.id}`}
></PDFViewer>
<div hidden={noRecipients} className="fixed left-0 top-1/3 max-w-xs">
<Listbox value={selectedRecipient} onChange={setSelectedRecipient}> <Listbox value={selectedRecipient} onChange={setSelectedRecipient}>
{({ open }) => ( {({ open }) => (
<div className="relative mt-1 mb-2"> <div className="relative mt-1 mb-2">
@@ -85,7 +92,7 @@ export default function PDFEditor(props: any) {
key={recipient?.id} key={recipient?.id}
className={({ active }) => className={({ active }) =>
classNames( classNames(
active ? "text-white bg-indigo-600" : "text-gray-900", active ? "text-white bg-neon-dark" : "text-gray-900",
"relative cursor-default select-none py-2 pl-3 pr-9" "relative cursor-default select-none py-2 pl-3 pr-9"
) )
} }
@@ -113,7 +120,7 @@ export default function PDFEditor(props: any) {
{selected ? ( {selected ? (
<span <span
className={classNames( className={classNames(
active ? "text-white" : "text-indigo-600", active ? "text-white" : "text-neon-dark",
"absolute inset-y-0 right-0 flex items-center pr-4" "absolute inset-y-0 right-0 flex items-center pr-4"
)} )}
> >
@@ -133,7 +140,7 @@ export default function PDFEditor(props: any) {
)} )}
</Listbox> </Listbox>
<Button <Button
className="inline ml-1" className="ml-1"
color="secondary" color="secondary"
onClick={() => { onClick={() => {
console.log(selectedRecipient); console.log(selectedRecipient);
@@ -159,7 +166,7 @@ export default function PDFEditor(props: any) {
/> />
Add Signature Field Add Signature Field
</Button> </Button>
<Button color="secondary" className="inline ml-1" disabled> <Button color="secondary" className="m-1" disabled>
<span <span
className="inline-block h-4 w-4 flex-shrink-0 rounded-full mr-3" className="inline-block h-4 w-4 flex-shrink-0 rounded-full mr-3"
style={{ style={{
@@ -168,7 +175,7 @@ export default function PDFEditor(props: any) {
/> />
Add Date Field Add Date Field
</Button> </Button>
<Button color="secondary" className="inline ml-1" disabled> <Button color="secondary" className="m-1" disabled>
<span <span
className="inline-block h-4 w-4 flex-shrink-0 rounded-full mr-3" className="inline-block h-4 w-4 flex-shrink-0 rounded-full mr-3"
style={{ style={{
@@ -178,13 +185,6 @@ export default function PDFEditor(props: any) {
Add Text Field Add Text Field
</Button> </Button>
</div> </div>
<PDFViewer
document={props.document}
fields={fields}
onPositionChanged={onPositionChangedHandler}
onDelete={onDeleteHandler}
pdfUrl={`${NEXT_PUBLIC_WEBAPP_URL}/api/documents/${router.query.id}`}
/>
</> </>
); );
} }