From 6c07c7ea1e5ae7a88adc311f9841cffd61cea740 Mon Sep 17 00:00:00 2001
From: Marcin Czerniak <marcin.czerniak@idevelopment.pl>
Date: Mon, 21 Jun 2021 02:04:01 +0200
Subject: [PATCH] chore: resize 100x100 to 28x28

---
 src/view/ordersView.js | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/view/ordersView.js b/src/view/ordersView.js
index a862dd9..da4ff70 100644
--- a/src/view/ordersView.js
+++ b/src/view/ordersView.js
@@ -12,8 +12,25 @@ class OrdersView {
       [...document.querySelectorAll('.orders-window .canvases canvas')].map((canv, index) => {
         return new Promise((resolve, reject) => {
           canv.toBlob(blob => {
-            formData.append(`file-${index}`, blob,`file-${index}.png`);
-            resolve();
+            let blobUrl = URL.createObjectURL(blob);
+
+            const img = new Image();
+            img.src = blobUrl;
+
+            img.onload = () => {
+              const canvas = document.createElement('canvas');
+              canvas.width = 28;
+              canvas.height = 28;
+
+              const ctx = canvas.getContext('2d');
+              ctx.drawImage(img, 0, 0, 28, 28);
+
+              canvas.toBlob((blob) => {
+                // blobUrl = URL.createObjectURL(blob);
+                formData.append(`file-${index}`, blob,`file-${index}.png`);
+                resolve();
+              }, 'image/png');
+            }
           });
         });
       })