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

🧹✨ Resend Signing Request UI

Browse Source
This commit is contained in:
Timur Ercan
2023-02-24 11:11:06 +01:00
parent 067a00bd9f
commit 7babaa39b5
3 changed files with 37 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/web/pages/documents.tsx
View File

@ -23,7 +23,7 @@ import { NextPageContext } from "next";
const DocumentsPage: NextPageWithLayout = (props: any) => {
const router = useRouter();
const [documents, setDocuments]: any[] = useState([]);
const [filterdDocuments, setFilteredDocuments] = useState([]);
const [filteredDocuments, setFilteredDocuments] = useState([]);
const [loading, setLoading] = useState(true);
const statusFilters = [
@ -138,8 +138,8 @@ const DocumentsPage: NextPageWithLayout = (props: any) => {
</div>
<div className="mt-3 mb-12">
<div className="w-fit block float-right ml-3 mt-7">
{filterdDocuments.length != 1
? filterdDocuments.length + " Documents"
{filteredDocuments.length != 1
? filteredDocuments.length + " Documents"
: "1 Document"}
</div>
<SelectBox
@ -220,7 +220,7 @@ const DocumentsPage: NextPageWithLayout = (props: any) => {
</tr>
</thead>
<tbody className="divide-y divide-gray-200 bg-white">
{filterdDocuments.map((document: any, index: number) => (
{filteredDocuments.map((document: any, index: number) => (
<tr
key={document.id}
className="hover:bg-gray-100 cursor-pointer"
@ -330,9 +330,7 @@ const DocumentsPage: NextPageWithLayout = (props: any) => {
event.stopPropagation();
router.push("/documents/" + document.id);
}}
>
Edit
</IconButton>
/>
<IconButton
icon={ArrowDownTrayIcon}
className="mr-2"
@ -341,9 +339,7 @@ const DocumentsPage: NextPageWithLayout = (props: any) => {
event.stopPropagation();
router.push("/api/documents/" + document.id);
}}
>
Download
</IconButton>
/>
<IconButton
icon={TrashIcon}
onClick={(event: any) => {
@ -384,7 +380,7 @@ const DocumentsPage: NextPageWithLayout = (props: any) => {
</table>
</div>
<div
hidden={filterdDocuments.length > 0}
hidden={filteredDocuments.length > 0}
className="mx-auto w-fit mt-12 p-3"
>
<FunnelIcon className="w-5 inline mr-1 align-middle" /> Nothing

39
apps/web/pages/documents/[id]/recipients.tsx
View File

@ -10,8 +10,8 @@ import {
EnvelopeIcon,
PaperAirplaneIcon,
PencilSquareIcon,
TrashIcon,
UserPlusIcon,
XMarkIcon,
} from "@heroicons/react/24/outline";
import { getUserFromToken } from "@documenso/lib/server";
import { getDocument } from "@documenso/lib/query";
@ -236,9 +236,30 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {
)}
</div>
</div>
<div className="ml-auto flex">
<div className="ml-auto flex mr-1">
<IconButton
icon={XMarkIcon}
icon={PaperAirplaneIcon}
disabled={
!item.id ||
item.sendStatus !== "SENT" ||
item.signingStatus === "SIGNED" ||
loading
}
color="secondary"
className="mr-4 h-9 my-auto"
onClick={() => {
if (confirm("Resend this signing request?")) {
setLoading(true);
send(props.document, [item.id]).finally(() => {
setLoading(false);
});
}
}}
>
Resend
</IconButton>
<IconButton
icon={TrashIcon}
disabled={
!item.id || item.sendStatus === "SENT" || loading
}
@ -254,7 +275,7 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {
});
}}
className="group-hover:text-neon-dark group-hover:disabled:text-gray-400"
></IconButton>
/>
</div>
</div>
</li>
@ -445,17 +466,13 @@ export async function getServerSideProps(context: any) {
};
}
async function send(document: any) {
// todo toast
// loading
async function send(document: any, resendTo: number[] = []) {
if (!document || !document.id) return;
try {
const sent = await toast.promise(
fetch(`/api/documents/${document.id}/send`, {
body: "",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({ resendTo: resendTo }),
headers: { "Content-Type": "application/json" },
method: "POST",
})
.then((res: any) => {