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:
parent
def8c8271f
commit
5183f5f137
1 changed files with 15 additions and 1 deletions
|
|
@ -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}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue