chore: use uqr

This commit is contained in:
Ephraim Atta-Duncan
2025-01-07 13:04:06 +00:00
parent 1b1cd0ba3d
commit 99b0b80635
3 changed files with 8 additions and 29 deletions

View File

@ -44,7 +44,6 @@
"perfect-freehand": "^1.2.0", "perfect-freehand": "^1.2.0",
"posthog-js": "^1.75.3", "posthog-js": "^1.75.3",
"posthog-node": "^3.1.1", "posthog-node": "^3.1.1",
"qrcode.react": "^4.2.0",
"react": "^18", "react": "^18",
"react-call": "^1.3.0", "react-call": "^1.3.0",
"react-dom": "^18", "react-dom": "^18",

View File

@ -1,13 +1,11 @@
import React from 'react';
import { redirect } from 'next/navigation'; import { redirect } from 'next/navigation';
import { msg } from '@lingui/macro'; import { msg } from '@lingui/macro';
import { useLingui } from '@lingui/react'; import { useLingui } from '@lingui/react';
import { DateTime } from 'luxon'; import { DateTime } from 'luxon';
import { QRCodeSVG } from 'qrcode.react';
import { match } from 'ts-pattern'; import { match } from 'ts-pattern';
import { UAParser } from 'ua-parser-js'; import { UAParser } from 'ua-parser-js';
import { renderSVG } from 'uqr';
import { setupI18nSSR } from '@documenso/lib/client-only/providers/i18n.server'; import { setupI18nSSR } from '@documenso/lib/client-only/providers/i18n.server';
import { WEBAPP_BASE_URL } from '@documenso/lib/constants/app'; import { WEBAPP_BASE_URL } from '@documenso/lib/constants/app';
@ -307,25 +305,16 @@ export default async function SigningCertificate({ searchParams }: SigningCertif
</CardContent> </CardContent>
</Card> </Card>
<div className="my-8 flex-row-reverse"> <div className="my-8 flex-row-reverse space-y-2">
<div className="flex items-end justify-end gap-x-4"> <div className="flex items-end justify-end gap-x-4">
<QRCodeSVG <div
value={`${WEBAPP_BASE_URL}/documents/${documentId}`} className="flex h-36 justify-center"
size={100} dangerouslySetInnerHTML={{
bgColor="#ffffff" __html: renderSVG(`${WEBAPP_BASE_URL}/documents/${documentId}`),
fgColor="#111827"
level="H"
imageSettings={{
src: '/static/icon.svg',
height: 32,
width: 32,
excavate: true,
}} }}
/> />
</div> </div>
</div>
<div className="my-8 flex-row-reverse">
<div className="flex items-end justify-end gap-x-4"> <div className="flex items-end justify-end gap-x-4">
<p className="flex-shrink-0 text-sm font-medium print:text-xs"> <p className="flex-shrink-0 text-sm font-medium print:text-xs">
{_(msg`Signing certificate provided by`)}: {_(msg`Signing certificate provided by`)}:

13
package-lock.json generated
View File

@ -166,7 +166,6 @@
"perfect-freehand": "^1.2.0", "perfect-freehand": "^1.2.0",
"posthog-js": "^1.75.3", "posthog-js": "^1.75.3",
"posthog-node": "^3.1.1", "posthog-node": "^3.1.1",
"qrcode.react": "^4.2.0",
"react": "^18", "react": "^18",
"react-call": "^1.3.0", "react-call": "^1.3.0",
"react-dom": "^18", "react-dom": "^18",
@ -26508,15 +26507,6 @@
"node": ">=6.0.0" "node": ">=6.0.0"
} }
}, },
"node_modules/qrcode.react": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-4.2.0.tgz",
"integrity": "sha512-QpgqWi8rD9DsS9EP3z7BT+5lY5SFhsqGjpgW5DY/i3mK4M9DTBNz3ErMi8BWYEfI3L0d8GIbGmcdFAS1uIRGjA==",
"license": "ISC",
"peerDependencies": {
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
}
},
"node_modules/qs": { "node_modules/qs": {
"version": "6.11.2", "version": "6.11.2",
"resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz", "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
@ -32780,7 +32770,8 @@
"node_modules/uqr": { "node_modules/uqr": {
"version": "0.1.2", "version": "0.1.2",
"resolved": "https://registry.npmjs.org/uqr/-/uqr-0.1.2.tgz", "resolved": "https://registry.npmjs.org/uqr/-/uqr-0.1.2.tgz",
"integrity": "sha512-MJu7ypHq6QasgF5YRTjqscSzQp/W11zoUk6kvmlH+fmWEs63Y0Eib13hYFwAzagRJcVY8WVnlV+eBDUGMJ5IbA==" "integrity": "sha512-MJu7ypHq6QasgF5YRTjqscSzQp/W11zoUk6kvmlH+fmWEs63Y0Eib13hYFwAzagRJcVY8WVnlV+eBDUGMJ5IbA==",
"license": "MIT"
}, },
"node_modules/uri-js": { "node_modules/uri-js": {
"version": "4.4.1", "version": "4.4.1",