Skip to content

Commit d8ff3d9

Browse files
prafull-opensignlabsprafull-opensignlabs
committed
refactor: resolve eslint warning
1 parent fe34001 commit d8ff3d9

File tree

2 files changed

+111
-173
lines changed

2 files changed

+111
-173
lines changed

‎apps/OpenSign/src/components/pdf/PdfHeader.js‎

Lines changed: 110 additions & 172 deletions
Original file line numberDiff line numberDiff line change
@@ -57,165 +57,134 @@ function Header({
5757
{isMobile && isShowHeader ? (
5858
<div
5959
id="navbar"
60-
className={isGuestSigner ? "stickySignerHead" : "stickyHead z-[1000]"}
60+
className={isGuestSigner ? "stickySignerHead" : "stickyHead"}
6161
style={{
6262
width: isGuestSigner
6363
? window.innerWidth
6464
: window.innerWidth - 30 + "px"
6565
}}
6666
>
6767
<div className="flex justify-between items-center py-[5px] px-[10px] ">
68+
<div onClick={() => navigate(-1)}>
69+
<i
70+
className="fa fa-arrow-left text-base-content"
71+
aria-hidden="true"
72+
></i>
73+
</div>
6874
<PrevNext
6975
pageNumber={pageNumber}
7076
allPages={allPages}
7177
changePage={changePage}
7278
/>
7379
{pdfUrl && alreadySign ? (
74-
<div className="op-dropdown op-dropdown-end">
75-
<div tabIndex={0} role="button" className="op-btn op-btn-sm">
76-
<i className="fa fa-ellipsis-v" aria-hidden="true"></i>
77-
</div>
78-
<ul
79-
tabIndex={0}
80-
className="op-dropdown-content z-[1] op-menu op-menu-sm p-1 shadow bg-base-100 rounded-box mt-1"
81-
>
82-
<li
83-
onClick={() =>
84-
handleDownloadPdf(pdfDetails, pdfUrl, setIsDownloading)
85-
}
80+
<DropdownMenu.Root>
81+
<DropdownMenu.Trigger asChild>
82+
<div
83+
style={{
84+
color: themeColor,
85+
border: "none",
86+
fontWeight: "650",
87+
fontSize: "16px",
88+
padding: "0px 3px 0px 5px"
89+
}}
8690
>
87-
<span className="font-semibold text-[12px]">
88-
<i className="fa fa-arrow-down" aria-hidden="true"></i>{" "}
89-
Download
90-
</span>
91-
</li>
92-
{isCompleted && (
93-
<li
91+
<i className="fa fa-ellipsis-v" aria-hidden="true"></i>
92+
</div>
93+
</DropdownMenu.Trigger>
94+
<DropdownMenu.Portal>
95+
<DropdownMenu.Content
96+
className="DropdownMenuContent"
97+
sideOffset={5}
98+
>
99+
<DropdownMenu.Item
100+
className="DropdownMenuItem"
94101
onClick={() =>
95-
handleDownloadCertificate(pdfDetails, setIsDownloading)
102+
handleDownloadPdf(pdfDetails, pdfUrl, setIsDownloading)
96103
}
97104
>
98-
<span className="font-semibold text-[12px]">
99-
<i className="fa-solid fa-award" aria-hidden="true"></i>{" "}
100-
Certificate
101-
</span>
102-
</li>
103-
)}
104-
{isSignYourself && (
105-
<li onClick={() => setIsEmail(true)}>
106-
<span className="font-semibold text-[12px]">
107-
<i className="fa fa-envelope" aria-hidden="true"></i>{" "}
108-
Mail
109-
</span>
110-
</li>
111-
)}
112-
<li
113-
onClick={(e) => handleToPrint(e, pdfUrl, setIsDownloading)}
114-
>
115-
<span className="font-semibold text-[12px]">
116-
<i className="fa fa-print" aria-hidden="true"></i> Print
117-
</span>
118-
</li>
119-
</ul>
120-
</div>
105+
<div
106+
style={{
107+
display: "flex",
108+
flexDirection: "row"
109+
}}
110+
>
111+
<i
112+
className="fa fa-arrow-down"
113+
aria-hidden="true"
114+
style={{ marginRight: "2px" }}
115+
></i>
116+
Download
117+
</div>
118+
</DropdownMenu.Item>
119+
{isCompleted && (
120+
<DropdownMenu.Item
121+
className="DropdownMenuItem"
122+
onClick={() =>
123+
handleDownloadCertificate(
124+
pdfDetails,
125+
setIsDownloading
126+
)
127+
}
128+
>
129+
<div
130+
style={{
131+
border: "none",
132+
backgroundColor: "#fff"
133+
}}
134+
>
135+
<i
136+
className="fa-solid fa-award"
137+
style={{ marginRight: "2px" }}
138+
aria-hidden="true"
139+
></i>
140+
Certificate
141+
</div>
142+
</DropdownMenu.Item>
143+
)}
144+
{isSignYourself && (
145+
<DropdownMenu.Item
146+
className="DropdownMenuItem"
147+
onClick={() => setIsEmail(true)}
148+
>
149+
<div
150+
style={{
151+
display: "flex",
152+
flexDirection: "row"
153+
}}
154+
>
155+
<i
156+
className="fa fa-envelope"
157+
style={{ marginRight: "2px" }}
158+
aria-hidden="true"
159+
></i>
160+
Mail
161+
</div>
162+
</DropdownMenu.Item>
163+
)}
164+
<DropdownMenu.Item
165+
className="DropdownMenuItem"
166+
onClick={(e) =>
167+
handleToPrint(e, pdfUrl, setIsDownloading)
168+
}
169+
>
170+
<div
171+
style={{
172+
display: "flex",
173+
flexDirection: "row"
174+
}}
175+
>
176+
<i
177+
className="fa fa-print"
178+
aria-hidden="true"
179+
style={{ marginRight: "2px" }}
180+
></i>
181+
Print
182+
</div>
183+
</DropdownMenu.Item>
184+
</DropdownMenu.Content>
185+
</DropdownMenu.Portal>
186+
</DropdownMenu.Root>
121187
) : (
122-
// <DropdownMenu.Root>
123-
// <DropdownMenu.Trigger asChild>
124-
// <div
125-
// style={{
126-
// color: themeColor,
127-
// border: "none",
128-
// fontWeight: "650",
129-
// fontSize: "16px",
130-
// padding: "0px 3px 0px 5px"
131-
// }}
132-
// >
133-
// <i className="fa fa-ellipsis-v" aria-hidden="true"></i>
134-
// </div>
135-
// </DropdownMenu.Trigger>
136-
// <DropdownMenu.Portal>
137-
// <DropdownMenu.Content
138-
// className="DropdownMenuContent"
139-
// sideOffset={5}
140-
// >
141-
// <DropdownMenu.Item
142-
// className="DropdownMenuItem"
143-
// onClick={() =>
144-
// handleDownloadPdf(pdfDetails, pdfUrl, setIsDownloading)
145-
// }
146-
// >
147-
// <div className="flex flex-row">
148-
// <i
149-
// className="fa fa-arrow-down"
150-
// aria-hidden="true"
151-
// style={{ marginRight: "2px" }}
152-
// ></i>
153-
// Download
154-
// </div>
155-
// </DropdownMenu.Item>
156-
// {isCompleted && (
157-
// <DropdownMenu.Item
158-
// className="DropdownMenuItem"
159-
// onClick={() =>
160-
// handleDownloadCertificate(
161-
// pdfDetails,
162-
// setIsDownloading
163-
// )
164-
// }
165-
// >
166-
// <div className="border-none bg-white">
167-
// <i
168-
// className="fa-solid fa-award"
169-
// style={{ marginRight: "2px" }}
170-
// aria-hidden="true"
171-
// ></i>
172-
// Certificate
173-
// </div>
174-
// </DropdownMenu.Item>
175-
// )}
176-
// {isSignYourself && (
177-
// <DropdownMenu.Item
178-
// className="DropdownMenuItem"
179-
// onClick={() => setIsEmail(true)}
180-
// >
181-
// <div
182-
// style={{
183-
// display: "flex",
184-
// flexDirection: "row"
185-
// }}
186-
// >
187-
// <i
188-
// className="fa fa-envelope"
189-
// style={{ marginRight: "2px" }}
190-
// aria-hidden="true"
191-
// ></i>
192-
// Mail
193-
// </div>
194-
// </DropdownMenu.Item>
195-
// )}
196-
// <DropdownMenu.Item
197-
// className="DropdownMenuItem"
198-
// onClick={(e) =>
199-
// handleToPrint(e, pdfUrl, setIsDownloading)
200-
// }
201-
// >
202-
// <div
203-
// style={{
204-
// display: "flex",
205-
// flexDirection: "row"
206-
// }}
207-
// >
208-
// <i
209-
// className="fa fa-print"
210-
// aria-hidden="true"
211-
// style={{ marginRight: "2px" }}
212-
// ></i>
213-
// Print
214-
// </div>
215-
// </DropdownMenu.Item>
216-
// </DropdownMenu.Content>
217-
// </DropdownMenu.Portal>
218-
// </DropdownMenu.Root>
219188
<div className="flex justify-around items-center">
220189
{/* current signer is checking user send request and check status of pdf sign than if current
221190
user exist than show finish button else no
@@ -259,37 +228,6 @@ function Header({
259228
Finish
260229
</div>
261230
)}
262-
<div className="op-dropdown op-dropdown-end">
263-
<div
264-
tabIndex={0}
265-
role="button"
266-
className="op-btn op-btn-sm"
267-
>
268-
<i className="fa fa-ellipsis-v" aria-hidden="true"></i>
269-
</div>
270-
<ul
271-
tabIndex={0}
272-
className="op-dropdown-content z-[1] op-menu op-menu-sm p-1 shadow bg-base-100 rounded-box mt-1"
273-
>
274-
<li
275-
onClick={() =>
276-
handleDownloadPdf(
277-
pdfDetails,
278-
pdfUrl,
279-
setIsDownloading
280-
)
281-
}
282-
>
283-
<span className="font-semibold text-[12px]">
284-
<i
285-
className="fa fa-arrow-down"
286-
aria-hidden="true"
287-
></i>{" "}
288-
Download
289-
</span>
290-
</li>
291-
</ul>
292-
</div>
293231
<DropdownMenu.Root>
294232
<DropdownMenu.Trigger asChild>
295233
<div

‎apps/OpenSign/src/components/pdf/SignerListPlace.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from "react";
2-
import { themeColor } from "../../constant/const";
2+
// import { themeColor } from "../../constant/const";
33
import RecipientList from "./RecipientList";
44
import { Tooltip } from "react-tooltip";
55

0 commit comments

Comments
 (0)