Files
OpenSign/apps/OpenSign/src/components/pdf/Signedby.js
T
prafull-opensignlabs e299891174 v2.12.0
feat: create duplicate template functionality
feat: add support of csv and xlsx for bulk contacts import
feat: add info text for forms and dashboard button
feat: implement functionality to delete a PDF page while editing the document
feat: show completed documents in which signers included but not owner in completed reports
feat: add delete folder button in opensign drive
feat: introduce Bcc email support for sending completed documents
feat: allow merging multiple pdf while drafting document and template
feat: add 'My Initials' tab for auto-signing in request-sign flow
feat: add support for redirect URL to navigate after document completion
feat: introduce privacy policy and digital signature terms before signing documents.
feat: add feature to allow adding new pages to existing document
feat: add save signature, initials, stamp functionality in sign pad for logged in user
feat: add preferences menu
feat: add save custom email template, notifyonsignature, set timezone, allow signature types in preferences
feat: secure local url
feat: implement Italian language translation
feat: implement German language translation
feat: update menu name from report to documents and shift contactbook in main menu
feat: provide edit contact functionality

fix: unable to delete folder when all its documents are deleted
fix: fields.push is not function
fix: document loading issue in opensign drive
fix: adjust the guest signature flow to display the document in full screen, eliminating any blank space which is displayed below the place holder in mobile view
fix: resolve issue of instance of pdfdict or pdfstream but got undefined

build(deps): update dependencies

refactor: change note text from add contact form
2025-02-10 14:41:16 +00:00

48 lines
1.9 KiB
JavaScript

import React from "react";
import "../../styles/signature.css";
import { useTranslation } from "react-i18next";
function Signedby(props) {
const { t } = useTranslation();
const getFirstLetter = (pdfData) => {
const name = props.isSelfSign
? (pdfData?.Signers && pdfData?.Signers[0]?.Name) || "User"
: pdfData.ExtUserPtr?.Name;
const firstLetter = name.charAt(0);
return firstLetter;
};
return (
<div className="hidden md:block w-full h-full bg-base-100">
<div className="mx-2 pr-2 pt-2 pb-1 text-[15px] text-base-content font-semibold border-b-[1px] border-base-300">
{props.isSelfSign ? t("user") : t("signed-by")}
</div>
<div className="mt-[2px] bg-base-100">
<div className="bg-[#93a3db] rounded-xl mx-1 flex flex-row items-center py-[10px]">
<div className="bg-[#576081] flex w-[30px] h-[30px] rounded-full justify-center items-center mx-1">
<span className="text-[12px] text-center font-bold text-white uppercase">
{getFirstLetter(props.pdfDetails)}
</span>
</div>
<div className="flex flex-col">
<span className="text-[12px] font-bold text-[#424242] w-[100px] whitespace-nowrap overflow-hidden text-ellipsis">
{props.isSelfSign
? (props.pdfDetails?.Signers &&
props.pdfDetails?.Signers[0]?.Name) ||
"User"
: props.pdfDetails.ExtUserPtr.Name || "User"}
</span>
<span className="text-[10px] font-medium text-[#424242] w-[100px] whitespace-nowrap overflow-hidden text-ellipsis">
{props.isSelfSign
? (props.pdfDetails?.Signers &&
props.pdfDetails?.Signers[0]?.Email) ||
""
: props.pdfDetails.ExtUserPtr.Email || ""}
</span>
</div>
</div>
</div>
</div>
);
}
export default Signedby;