From e29f7fd8afad6dc59e45c8442758068af51d646a Mon Sep 17 00:00:00 2001
From: Samuel Rowe <samuelrowe1999@gmail.com>
Date: Sat, 16 Jul 2022 16:07:39 +0530
Subject: [PATCH] refactor(frontend): minor changes to make code more readable

---
 services/frontend/src/components/Modal/Service/Labels.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/services/frontend/src/components/Modal/Service/Labels.tsx b/services/frontend/src/components/Modal/Service/Labels.tsx
index ed646e5..1e24306 100644
--- a/services/frontend/src/components/Modal/Service/Labels.tsx
+++ b/services/frontend/src/components/Modal/Service/Labels.tsx
@@ -43,9 +43,11 @@ const Labels = (props: any) => {
     [formik]
   );
 
+  const emptyLabels = labels.length === 0;
+
   return (
-    <Root sx={{ alignItems: labels.length > 0 ? "flex-start" : "center" }}>
-      {labels.length > 0 && (
+    <Root sx={{ alignItems: emptyLabels ? "center" : "flex-start" }}>
+      {!emptyLabels && (
         <Records>
           {labels.map((label: unknown, index: number) => (
             <Record
@@ -67,7 +69,7 @@ const Labels = (props: any) => {
           ))}
         </Records>
       )}
-      {labels.length === 0 && (
+      {emptyLabels && (
         <p className="mt-4 text-md text-gray-500 dark:text-gray-400 text-center">
           The service does not have any labels.
           <br />