diff --git a/package.json b/package.json
index 01e4840..eb1f84e 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "@angular/platform-browser-dynamic": "^15.0.0",
     "@angular/router": "^15.0.0",
     "angularx-qrcode": "^15.0.1",
+    "canvas": "^2.11.2",
     "daisyui": "^2.49.0",
     "deepl": "^1.0.13",
     "geolib": "^3.3.3",
diff --git a/src/app/detail/detail.component.html b/src/app/detail/detail.component.html
index 5f69c15..dd83cca 100644
--- a/src/app/detail/detail.component.html
+++ b/src/app/detail/detail.component.html
@@ -12,7 +12,7 @@
       allowfullscreen>
     </iframe>
   </div>
-  <button>
+  <button >
     <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.334" height="23.4863">
       <g>
         <rect height="23.4863" opacity="0" width="17.334" x="0" y="0"/>
diff --git a/src/app/detail/detail.component.ts b/src/app/detail/detail.component.ts
index 3428096..714fb4f 100755
--- a/src/app/detail/detail.component.ts
+++ b/src/app/detail/detail.component.ts
@@ -2,9 +2,6 @@ import {Component, OnInit} from '@angular/core';
 import {ActivatedRoute} from "@angular/router";
 import {positionService} from "../service/position.service";
 import { getDistance } from 'geolib';
-// @ts-ignore
-import * as sharp from 'sharp';
-// @ts-ignore
 
 
 @Component({
@@ -65,23 +62,24 @@ export class DetailComponent implements OnInit {
     }, 1000);
   }
 
-//  async generateQRCodeImage(url: string): Promise<Buffer> {
+  /*
+  async generateQRCodeImage(url: string): Promise<Buffer> {
     // Crea il QR code
-  //  const qrCode = await qrcode.toDataURL(url, { errorCorrectionLevel: "H" });
+    const qrCode = await qrcode.toDataURL(url, { errorCorrectionLevel: "H" });
 
     // Crea il canvas
-    //const canvasInstance = canvas.createCanvas(300, 300);
-    //const ctx = canvasInstance.getContext("2d");
+    const canvasInstance = canvas.createCanvas(300, 300);
+    const ctx = canvasInstance.getContext("2d");
 
     // Carica il QR code nell'immagine
-  //  const qrCodeImage = await canvas.loadImage(qrCode);
+    const qrCodeImage = await canvas.loadImage(qrCode);
 
     // Disegna il QR code nell'immagine
-    //ctx.drawImage(qrCodeImage, 0, 0, 300, 300);
+    ctx.drawImage(qrCodeImage, 0, 0, 300, 300);
 
     // Ritorna l'immagine come buffer
-   // return canvasInstance.toBuffer();
- // }
+    return canvasInstance.toBuffer();
+  }*/
 
   /*generateQR() {
     console.log("generating QR code");