From bbdecde7d175f70008bb8f58a789fc0429e35d8f Mon Sep 17 00:00:00 2001
From: Rafael Velazco <rjvelazco21@gmail.com>
Date: Thu, 2 Jan 2025 17:01:27 -0400
Subject: [PATCH] chore: code cleanup

---
 .../dot-uve-device-selector.component.ts      |   4 +-
 .../edit-ema-editor.component.html            | 112 +++++++++---------
 2 files changed, 61 insertions(+), 55 deletions(-)

diff --git a/core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/components/dot-uve-toolbar/components/dot-uve-device-selector/dot-uve-device-selector.component.ts b/core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/components/dot-uve-toolbar/components/dot-uve-device-selector/dot-uve-device-selector.component.ts
index 799ed3fd019..ab31ad9339a 100644
--- a/core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/components/dot-uve-toolbar/components/dot-uve-device-selector/dot-uve-device-selector.component.ts
+++ b/core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/components/dot-uve-toolbar/components/dot-uve-device-selector/dot-uve-device-selector.component.ts
@@ -135,7 +135,9 @@ export class DotUveDeviceSelectorComponent implements OnInit {
     onDeviceSelect(device: DotDevice): void {
         if (this.#store.socialMedia()) {
             this.#store.setSEO(null);
-            this.#store.reloadCurrentPage();
+
+            // Bug Importante
+            // this.#store.reloadCurrentPage();
         }
 
         const currentDevice = this.$currentDevice();
diff --git a/core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/edit-ema-editor.component.html b/core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/edit-ema-editor.component.html
index 9597826a4a6..2dabee87fcf 100644
--- a/core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/edit-ema-editor.component.html
+++ b/core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/edit-ema-editor.component.html
@@ -1,3 +1,6 @@
+@let ogTagsResults = ogTagsResults$;
+@let showSEOTool = $editorProps().seoResults && ogTagsResults;
+
 @if ($previewMode()) {
     <dot-uve-toolbar (translatePage)="translatePage($event)" />
 } @else {
@@ -6,70 +9,71 @@
         (editUrlContentMap)="editContentMap($event)" />
 }
 
-@let ogTagsResults = ogTagsResults$;
-
-@if ($editorProps().seoResults && ogTagsResults) {
+@if (showSEOTool) {
     <dot-results-seo-tool
         [seoMedia]="$editorProps().seoResults.socialMedia"
         [seoOGTags]="$editorProps().seoResults.ogTags"
         [seoOGTagsResults]="ogTagsResults"
         data-testId="results-seo-tool"></dot-results-seo-tool>
 }
-@if ($editorProps().showEditorContent) {
+
+<div
+    class="editor-content"
+    [ngStyle]="{
+        display: $editorProps().showEditorContent ? 'block' : 'none'
+    }"
+    [ngClass]="{ 'editor-content-preview': $isPreviewMode() }"
+    data-testId="editor-content">
     <div
-        class="editor-content"
-        [ngClass]="{ 'editor-content-preview': $isPreviewMode() }"
-        data-testId="editor-content">
-        <div
-            [ngClass]="{
-                'iframe-wrapper--device': $editorProps().iframe.wrapper
-            }"
+        [ngClass]="{
+            'iframe-wrapper--device': $editorProps().iframe.wrapper
+        }"
+        [ngStyle]="{
+            width: $editorProps().iframe?.wrapper?.width,
+            height: $editorProps().iframe?.wrapper?.height
+        }"
+        class="iframe-wrapper">
+        <iframe
+            (load)="onIframePageLoad()"
+            [src]="uveStore.$iframeURL() | safeUrl"
+            [title]="host"
             [ngStyle]="{
-                width: $editorProps().iframe?.wrapper?.width,
-                height: $editorProps().iframe?.wrapper?.height
+                pointerEvents: $editorProps().iframe.pointerEvents,
+                opacity: $editorProps().iframe.opacity
             }"
-            class="iframe-wrapper">
-            <iframe
-                (load)="onIframePageLoad()"
-                [src]="uveStore.$iframeURL() | safeUrl"
-                [title]="host"
-                [ngStyle]="{
-                    pointerEvents: $editorProps().iframe.pointerEvents,
-                    opacity: $editorProps().iframe.opacity
-                }"
-                #iframe
-                data-testId="iframe"
-                width="100%"
-                height="100%"></iframe>
-            @if ($editorProps().progressBar) {
-                <p-progressBar
-                    [ngStyle]="{ position: 'absolute', top: '0', left: '0', width: '100%' }"
-                    [style]="{ height: '6px' }"
-                    data-testId="progress-bar"
-                    mode="indeterminate" />
-            }
-            @if ($editorProps().contentletTools; as contentletTools) {
-                <dot-ema-contentlet-tools
-                    (edit)="handleEditContentlet($event)"
-                    (editVTL)="handleEditVTL($event)"
-                    (delete)="deleteContentlet($event)"
-                    (addWidget)="dialog.addWidget($event)"
-                    (addForm)="dialog.addForm($event)"
-                    (addContent)="dialog.addContentlet($event)"
-                    [hide]="contentletTools.hide"
-                    [contentletArea]="contentletTools.contentletArea"
-                    [isEnterprise]="contentletTools.isEnterprise"
-                    data-testId="contentlet-tools" />
-            }
-            @if ($editorProps().dropzone; as dropzone) {
-                <dot-ema-page-dropzone
-                    [containers]="dropzone.bounds"
-                    [dragItem]="dropzone.dragItem"
-                    data-testId="dropzone" />
-            }
-        </div>
+            #iframe
+            data-testId="iframe"
+            width="100%"
+            height="100%"></iframe>
+        @if ($editorProps().progressBar) {
+            <p-progressBar
+                [ngStyle]="{ position: 'absolute', top: '0', left: '0', width: '100%' }"
+                [style]="{ height: '6px' }"
+                data-testId="progress-bar"
+                mode="indeterminate" />
+        }
+        @if ($editorProps().contentletTools; as contentletTools) {
+            <dot-ema-contentlet-tools
+                (edit)="handleEditContentlet($event)"
+                (editVTL)="handleEditVTL($event)"
+                (delete)="deleteContentlet($event)"
+                (addWidget)="dialog.addWidget($event)"
+                (addForm)="dialog.addForm($event)"
+                (addContent)="dialog.addContentlet($event)"
+                [hide]="contentletTools.hide"
+                [contentletArea]="contentletTools.contentletArea"
+                [isEnterprise]="contentletTools.isEnterprise"
+                data-testId="contentlet-tools" />
+        }
+        @if ($editorProps().dropzone; as dropzone) {
+            <dot-ema-page-dropzone
+                [containers]="dropzone.bounds"
+                [dragItem]="dropzone.dragItem"
+                data-testId="dropzone" />
+        }
     </div>
-}
+</div>
+
 @if ($editorProps().palette; as palette) {
     <dot-edit-ema-palette
         [languageId]="palette.languageId"