From 196642a1cfc830548f5ffd25c6f25f59604f2bbb Mon Sep 17 00:00:00 2001
From: Ali BARIN <ali.barin53@gmail.com>
Date: Wed, 10 Apr 2024 14:08:30 +0000
Subject: [PATCH] feat(AppConnectionRow): embed skeleton in place of flow count

---
 packages/web/src/components/AppConnectionRow/index.jsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/web/src/components/AppConnectionRow/index.jsx b/packages/web/src/components/AppConnectionRow/index.jsx
index be3f0dc0..dba24a08 100644
--- a/packages/web/src/components/AppConnectionRow/index.jsx
+++ b/packages/web/src/components/AppConnectionRow/index.jsx
@@ -153,10 +153,12 @@ function AppConnectionRow(props) {
                 sx={{ display: ['none', 'inline-block'] }}
               >
                 {formatMessage('connection.flowCount', {
-                  count: isConnectionFlowsLoading ? (
-                    <Skeleton variant="rounded" width={20} height={20} />
-                  ) : (
-                    countTranslation(flowCount)
+                  count: countTranslation(
+                    isConnectionFlowsLoading ? (
+                      <Skeleton variant="text" width={15} />
+                    ) : (
+                      flowCount
+                    ),
                   ),
                 })}
               </Typography>