From 1e607f547d25b3af97fd38c779b9e7ab08d48389 Mon Sep 17 00:00:00 2001
From: Arpit <arpitnath42@gmail.com>
Date: Wed, 4 Jan 2023 16:49:22 +0530
Subject: [PATCH] removes placeholder for no folder list (#5179)

---
 frontend/src/HomePage/Folders.jsx | 68 ++++++++++++++-----------------
 1 file changed, 31 insertions(+), 37 deletions(-)

diff --git a/frontend/src/HomePage/Folders.jsx b/frontend/src/HomePage/Folders.jsx
index a8960afccd..f34693ba77 100644
--- a/frontend/src/HomePage/Folders.jsx
+++ b/frontend/src/HomePage/Folders.jsx
@@ -182,44 +182,38 @@ export const Folders = function Folders({
         </div>
       )}
       {isLoading && <Skeleton count={3} height={22} className="mb-1" />}
-      {!isLoading && folders && folders.length > 0
-        ? folders.map((folder, index) => (
-            <a
-              key={index}
-              className={cx(
-                `folder-list-group-item rounded-2 list-group-item h-4 mb-1 list-group-item-action no-border d-flex align-items-center`,
-                {
-                  dark: darkMode,
-                  'text-white': darkMode,
-                  'bg-light-indigo': activeFolder.id === folder.id && !darkMode,
-                  'bg-dark-indigo': activeFolder.id === folder.id && darkMode,
-                }
-              )}
-              onClick={() => handleFolderChange(folder)}
-              data-cy={`${folder.name.toLowerCase().replace(/\s+/g, '-')}-list-card`}
-            >
-              <div className="flex-grow-1" data-cy={`${folder.name.toLowerCase().replace(/\s+/g, '-')}-name`}>
-                {`${folder.name}${folder.count > 0 ? ` (${folder.count})` : ''}`}
-              </div>
-              {(canDeleteFolder || canUpdateFolder) && (
-                <FolderMenu
-                  canDeleteFolder={canDeleteFolder}
-                  canUpdateFolder={canUpdateFolder}
-                  deleteFolder={() => deleteFolder(folder)}
-                  editFolder={() => updateFolder(folder)}
-                  darkMode={darkMode}
-                />
-              )}
-            </a>
-          ))
-        : !isLoading && (
-            <div className="folder-info" data-cy="folder-info-text">
-              {t(
-                'homePage.foldersSection.noFolders',
-                `You haven't created any folders. Use folders to organize your apps`
-              )}
+      {!isLoading &&
+        folders &&
+        folders.length > 0 &&
+        folders.map((folder, index) => (
+          <a
+            key={index}
+            className={cx(
+              `folder-list-group-item rounded-2 list-group-item h-4 mb-1 list-group-item-action no-border d-flex align-items-center`,
+              {
+                dark: darkMode,
+                'text-white': darkMode,
+                'bg-light-indigo': activeFolder.id === folder.id && !darkMode,
+                'bg-dark-indigo': activeFolder.id === folder.id && darkMode,
+              }
+            )}
+            onClick={() => handleFolderChange(folder)}
+            data-cy={`${folder.name.toLowerCase().replace(/\s+/g, '-')}-list-card`}
+          >
+            <div className="flex-grow-1" data-cy={`${folder.name.toLowerCase().replace(/\s+/g, '-')}-name`}>
+              {`${folder.name}${folder.count > 0 ? ` (${folder.count})` : ''}`}
             </div>
-          )}
+            {(canDeleteFolder || canUpdateFolder) && (
+              <FolderMenu
+                canDeleteFolder={canDeleteFolder}
+                canUpdateFolder={canUpdateFolder}
+                deleteFolder={() => deleteFolder(folder)}
+                editFolder={() => updateFolder(folder)}
+                darkMode={darkMode}
+              />
+            )}
+          </a>
+        ))}
 
       <Modal
         show={showForm || showUpdateForm}