add pix qr code to deposit order

app/javascript/src/pages/Orders/Deposit/Show/hooks/usePixQr.ts

@@ -0,0 +1,33 @@
+import { useEffect, useState } from "react";
+import { QrCodePix } from "qrcode-pix";
+
+type Props = {
+  value: number;
+  transactionId: string;
+};
+
+export const usePixQr = ({ value, transactionId }: Props) => {
+  const [qr, setQr] = useState<string>();
+
+  const qrCodePix = QrCodePix({
+    version: "01",
+    key: "joao.geonizeli@gmail.com",
+    name: "X Stake",
+    city: "TERESOPOLIS",
+    transactionId,
+    value,
+    notRepeatPayment: true,
+  });
+
+  useEffect(() => {
+    qrCodePix.base64().then((result) => {
+      setQr(result);
+    });
+  }, []);
+
+  return {
+    payload: qrCodePix.payload(),
+    loading: !qr,
+    qr,
+  };
+};