From 1bcd1869f0bd298af10a768fa9b245f8fe93cfaf Mon Sep 17 00:00:00 2001
From: Valentin Mihai <Valentin-Gabriel.Mihai.ext@knecon.com>
Date: Wed, 14 Aug 2024 12:46:50 +0300
Subject: [PATCH 1/2] RED-9260 - Component Management UI

---
 .../component-definitions.component.html                  | 8 +++++---
 .../component-definitions.component.scss                  | 4 ++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.html b/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.html
index dbd2a0752..8ce3205f3 100644
--- a/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.html
@@ -50,9 +50,11 @@
                                             icon="iqser:trash"
                                         ></iqser-circle-button>
                                     }
-                                    @if (selectedComponent?.id === component.id) {
-                                        <mat-icon class="arrow-right" svgIcon="red:arrow-right"></mat-icon>
-                                    }
+                                    <mat-icon
+                                        [class.not-visible]="selectedComponent?.id !== component.id"
+                                        class="arrow-right"
+                                        svgIcon="red:arrow-right"
+                                    ></mat-icon>
                                 </div>
                             </div>
                         </div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss b/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss
index 54a237251..8581fbc36 100644
--- a/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss
@@ -38,6 +38,10 @@
 
         .arrow-right {
             transform: scale(0.7);
+
+            &.not-visible {
+                visibility: hidden;
+            }
         }
     }
 }

From c7e03043e00c49bba4dc24f38527100bdd5c4952 Mon Sep 17 00:00:00 2001
From: Valentin Mihai <Valentin-Gabriel.Mihai.ext@knecon.com>
Date: Thu, 15 Aug 2024 09:15:03 +0300
Subject: [PATCH 2/2] RED-9890 - New created component-definition is not
 displayed in the list of component-definitions

---
 .../component-definitions.component.scss                    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss b/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss
index 8581fbc36..85a10cd48 100644
--- a/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss
@@ -49,6 +49,8 @@
 .content-container {
     background-color: var(--iqser-grey-6);
     height: 100vh;
+    display: flex;
+    flex-direction: column;
 
     .content-header {
         display: flex;
@@ -65,6 +67,7 @@
     }
 
     .content {
+        flex: 1;
         display: flex;
         gap: 20px;
         overflow: hidden;
@@ -72,7 +75,8 @@
         .components-list {
             flex: 1;
             background-color: var(--iqser-white);
-            width: 100%;
+            display: flex;
+            flex-direction: column;
 
             .header {
                 height: 30px;