Add QR codes

Author: connor33341

package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "5.2.15",
+  "version": "5.2.17",
   "description": "Browser Wallet for Stellaris and Stellaris based chains",
   "license": "MIT",
   "repository": {
@@ -37,6 +37,7 @@
     "@material-tailwind/react": "^2.0.0",
     "@noble/curves": "^1.9.4",
     "@scure/bip32": "^1.7.0",
+    "@zxing/library": "^0.21.3",
     "apexcharts": "^3.41.0",
     "base-64": "^1.0.0",
     "base64-js": "^1.5.1",
@@ -54,9 +55,11 @@
     "next": "^14.2.3",
     "otplib": "^12.0.1",
     "proper-lockfile": "^4.1.2",
+    "qrcode-generator": "^2.0.4",
     "react": "^18.2.0",
     "react-apexcharts": "^1.4.0",
     "react-dom": "^18.2.0",
+    "react-qr-reader": "3.0.0-beta-1",
     "react-router-dom": "^6.4.3",
     "tiny-secp256k1": "^2.2.4",
     "winston": "^3.17.0"

pnpm-lock.yaml

@@ -137,4 +137,11 @@ export const LockClosedIcon = () => (
     <circle cx="12" cy="16" r="1" />
     <path d="M7 11V7a5 5 0 0 1 10 0v4" />
   </svg>
+);
+
+export const CameraIcon = ({ className }: { className?: string }) => (
+  <svg className={className || "w-4 h-4"} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" />
+    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 13a3 3 0 11-6 0 3 3 0 016 0z" />
+  </svg>
 );