enhance UX for loading and empty states in contact table
This commit is contained in:
parent
29ef1e4016
commit
b77389284c
@ -341,7 +341,7 @@ const handleDeleteContact = async (overrideId = null) => {
|
|||||||
|
|
||||||
{/* Messages when listView is false */}
|
{/* Messages when listView is false */}
|
||||||
{!listView && (
|
{!listView && (
|
||||||
<div className="d-flex flex-column justify-content-center align-items-center text-center card-minHeight">
|
<div className="d-flex flex-column justify-content-center align-items-center text-center ">
|
||||||
{loading && <p>Loading...</p>}
|
{loading && <p>Loading...</p>}
|
||||||
{!loading && contacts?.length === 0 && <p>No contact found</p>}
|
{!loading && contacts?.length === 0 && <p>No contact found</p>}
|
||||||
{!loading && contacts?.length > 0 && currentItems.length === 0 && (
|
{!loading && contacts?.length > 0 && currentItems.length === 0 && (
|
||||||
|
Loading…
x
Reference in New Issue
Block a user