From ba2b04eac7118971a9788b18bdecae0f3b46eea4 Mon Sep 17 00:00:00 2001
From: JonasGz <jonaschagasweb@gmail.com>
Date: Fri, 6 Sep 2024 10:22:09 -0300
Subject: [PATCH] chore: add direct listen and fix weithRange

---
 src/layouts/{app => }/pages/PetSize/index.js  | 31 +++++++++----------
 .../{app => }/pages/PetSize/index.scss        |  0
 2 files changed, 14 insertions(+), 17 deletions(-)
 rename src/layouts/{app => }/pages/PetSize/index.js (79%)
 rename src/layouts/{app => }/pages/PetSize/index.scss (100%)

diff --git a/src/layouts/app/pages/PetSize/index.js b/src/layouts/pages/PetSize/index.js
similarity index 79%
rename from src/layouts/app/pages/PetSize/index.js
rename to src/layouts/pages/PetSize/index.js
index 655a2f05..964301a5 100644
--- a/src/layouts/app/pages/PetSize/index.js
+++ b/src/layouts/pages/PetSize/index.js
@@ -1,7 +1,7 @@
 import { Component } from 'pet-dex-utilities';
-import UploadImage from '../../../../components/UploadImage';
-import SizeSelector from '../../../../components/SizeSelector';
-import Button from '../../../../components/Button';
+import Button from '~src/components/Button';
+import UploadImage from '~src/components/UploadImage';
+import SizeSelector from '~src/components/SizeSelector';
 import './index.scss';
 
 const events = ['submit'];
@@ -41,7 +41,14 @@ export default function PetSize() {
   });
 
   this.renderComponents();
-  this.emitSize();
+  this.getSize();
+  this.button.listen('click', () => {
+    this.emit('submit', {
+      sizeTitle: this.sizeTitle,
+      weightRange: this.weightRange,
+      sizeIndex: this.sizeIndex,
+    });
+  });
 }
 
 PetSize.prototype = Object.assign(PetSize.prototype, Component.prototype, {
@@ -63,20 +70,10 @@ PetSize.prototype = Object.assign(PetSize.prototype, Component.prototype, {
       this.sizeTitle = card.querySelector(
         '.container-size-selector__title',
       ).textContent;
-      this.weightRange = this.sizeselector
-        .activeCardInit()
-        .card.querySelector('.container-size-selector__text').textContent;
+      this.weightRange = card.querySelector(
+        '.container-size-selector__text',
+      ).textContent;
       this.sizeIndex = index;
     });
   },
-  emitSize() {
-    this.getSize();
-    this.button.listen('click', () => {
-      this.emit('submit', {
-        sizeTitle: this.sizeTitle,
-        weightRange: this.weightRange,
-        sizeIndex: this.sizeIndex,
-      });
-    });
-  },
 });
diff --git a/src/layouts/app/pages/PetSize/index.scss b/src/layouts/pages/PetSize/index.scss
similarity index 100%
rename from src/layouts/app/pages/PetSize/index.scss
rename to src/layouts/pages/PetSize/index.scss