Merge branch 'feat/VersionsExplorer' of https://git.popa-popa.ru/DIKER/popa-launcher into feat/VersionsExplorer

src/renderer/pages/Registration.tsx

@@ -108,7 +108,8 @@ function ColorlibStepIcon(props: StepIconProps) {
 const qrCode = new QRCodeStyling({
   width: 300,
   height: 300,
-  // image: popalogo,
+  image: popalogo,
+  data: 'https://t.me/popa_popa_popa_bot?start=test',
   shape: 'square',
   margin: 10,
   dotsOptions: {
@@ -125,7 +126,7 @@ const qrCode = new QRCodeStyling({
         },
       ],
     },
-    type: 'rounded',
+    type: 'extra-rounded',
   },
   imageOptions: {
     crossOrigin: 'anonymous',
@@ -179,6 +180,45 @@ export const Registration = () => {
       handleGenerateVerificationCode(username);
       setUrl(`https://t.me/popa_popa_popa_bot?start=${username}`);
 
+      while (ref.current.firstChild) {
+        ref.current.removeChild(ref.current.firstChild);
+      }
+
+      const newQrCode = new QRCodeStyling({
+        width: 300,
+        height: 300,
+        image: popalogo,
+        data: 'https://t.me/popa_popa_popa_bot?start=test',
+        shape: 'square',
+        margin: 10,
+        dotsOptions: {
+          gradient: {
+            type: 'linear',
+            colorStops: [
+              {
+                offset: 0,
+                color: 'rgb(242,113,33)',
+              },
+              {
+                offset: 1,
+                color: 'rgb(233,64,87)',
+              },
+            ],
+          },
+          type: 'extra-rounded',
+        },
+        imageOptions: {
+          crossOrigin: 'anonymous',
+          margin: 20,
+          imageSize: 0.5,
+        },
+        backgroundOptions: {
+          color: 'transparent',
+        },
+      });
+
+      newQrCode.append(ref.current);
+
       const intervalId = setInterval(() => {
         handleVerifyCode();
       }, 5000);
@@ -340,7 +380,12 @@ export const Registration = () => {
           >
             Открыть бота
           </Button>
-          <div ref={ref} />
+          <div
+            ref={ref}
+            style={{
+              minHeight: 300,
+            }}
+          />
           <Typography variant="body1">
             Введите код верификации в боте
           </Typography>