From 5183f5f13793c137f0acf70183b6f8e4405a3aa3 Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Fri, 17 Nov 2023 01:31:47 -0300
Subject: [PATCH] feat(StorePage): add message when user hasn't crafted or
 liked any flows

Add a message to the StorePage component to inform the user that they haven't crafted or liked any flows yet. This message encourages the user to create a flow by giving it a shot. The message is displayed when the loading is complete and the searchData array is empty.
---
 src/frontend/src/pages/StorePage/index.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/pages/StorePage/index.tsx b/src/frontend/src/pages/StorePage/index.tsx
index 19c003955..ab1f467af 100644
--- a/src/frontend/src/pages/StorePage/index.tsx
+++ b/src/frontend/src/pages/StorePage/index.tsx
@@ -337,9 +337,23 @@ export default function StorePage(): JSX.Element {
                 </>
               )}
             </div>
+
+            {!loading && searchData?.length === 0 && (
+              <div className="mt-6 flex w-full items-center justify-center text-center">
+                <div className="flex-max-width h-full flex-col">
+                  <div className="flex w-full flex-col gap-4">
+                    <div className="grid w-full gap-4">
+                      You haven't{" "}
+                      {selectFilter === "createdbyme" ? "crafted" : "liked"} any
+                      flows yet. Why not give it a shot and create one? :)
+                    </div>
+                  </div>
+                </div>
+              </div>
+            )}
           </div>
         </div>
-        {!loading && searchData.length !== 0 && (
+        {!loading && searchData.length > 0 && (
           <div className="relative my-6">
             <PaginatorComponent
               storeComponent={true}