From 16a68020138e03c5a5c3ce7a7a6344f734eb0c35 Mon Sep 17 00:00:00 2001
From: mintsweet <0x1304570@gmail.com>
Date: Mon, 20 Nov 2023 20:09:21 +1300
Subject: [PATCH] fix(config-ui): style error for connection name

---
 config-ui/src/pages/blueprint/home/index.tsx | 12 ++++--------
 config-ui/src/pages/blueprint/home/styled.ts | 16 ----------------
 config-ui/src/pages/project/home/index.tsx   | 12 ++++--------
 config-ui/src/pages/project/home/styled.ts   | 16 ----------------
 4 files changed, 8 insertions(+), 48 deletions(-)

diff --git a/config-ui/src/pages/blueprint/home/index.tsx b/config-ui/src/pages/blueprint/home/index.tsx
index 8f65246f09e..59cac8095db 100644
--- a/config-ui/src/pages/blueprint/home/index.tsx
+++ b/config-ui/src/pages/blueprint/home/index.tsx
@@ -132,17 +132,13 @@ export const BlueprintHomePage = () => {
                   return 'Advanced Mode';
                 }
                 return (
-                  <S.ConnectionList>
+                  <ul>
                     {connections.map((it) => (
-                      <li>
-                        <ConnectionName
-                          key={`${it.pluginName}-${it.connectionId}`}
-                          plugin={it.pluginName}
-                          connectionId={it.connectionId}
-                        />
+                      <li key={`${it.pluginName}-${it.connectionId}`}>
+                        <ConnectionName plugin={it.pluginName} connectionId={it.connectionId} />
                       </li>
                     ))}
-                  </S.ConnectionList>
+                  </ul>
                 );
               },
             },
diff --git a/config-ui/src/pages/blueprint/home/styled.ts b/config-ui/src/pages/blueprint/home/styled.ts
index d81cd2b514c..99ee9eaf5ee 100644
--- a/config-ui/src/pages/blueprint/home/styled.ts
+++ b/config-ui/src/pages/blueprint/home/styled.ts
@@ -46,19 +46,3 @@ export const LabelInfo = styled.i`
 export const LabelDescription = styled.p`
   margin: 0;
 `;
-
-export const ConnectionList = styled.ul`
-  display: flex;
-
-  li {
-    &:last-child {
-      &::after {
-        content: '';
-      }
-    }
-
-    &::after {
-      content: ',';
-    }
-  }
-`;
diff --git a/config-ui/src/pages/project/home/index.tsx b/config-ui/src/pages/project/home/index.tsx
index 5f1e2f06a5e..abdd60c8656 100644
--- a/config-ui/src/pages/project/home/index.tsx
+++ b/config-ui/src/pages/project/home/index.tsx
@@ -142,17 +142,13 @@ export const ProjectHomePage = () => {
               !val || !val.length ? (
                 'N/A'
               ) : (
-                <S.ConnectionList>
+                <ul>
                   {val.map((it) => (
-                    <li>
-                      <ConnectionName
-                        key={`${it.pluginName}-${it.connectionId}`}
-                        plugin={it.pluginName}
-                        connectionId={it.connectionId}
-                      />
+                    <li key={`${it.pluginName}-${it.connectionId}`}>
+                      <ConnectionName plugin={it.pluginName} connectionId={it.connectionId} />
                     </li>
                   ))}
-                </S.ConnectionList>
+                </ul>
               ),
           },
           {
diff --git a/config-ui/src/pages/project/home/styled.ts b/config-ui/src/pages/project/home/styled.ts
index 5e5a50db662..86e2c556800 100644
--- a/config-ui/src/pages/project/home/styled.ts
+++ b/config-ui/src/pages/project/home/styled.ts
@@ -37,19 +37,3 @@ export const LabelInfo = styled.i`
 export const LabelDescription = styled.p`
   margin: 0;
 `;
-
-export const ConnectionList = styled.ul`
-  display: flex;
-
-  li {
-    &:last-child {
-      &::after {
-        content: '';
-      }
-    }
-
-    &::after {
-      content: ',';
-    }
-  }
-`;