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.
This commit is contained in:
cristhianzl 2023-11-17 01:31:47 -03:00
commit 5183f5f137

View file

@ -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}