Merge pull request #99 from ZerreMC/main

feat: creation of message not found in the Projects filter
Afordin · Apr 8, 2024 · 88dd308 · 88dd308
2 parents 4b9e9bc + debccf7
commit 88dd308
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/pages/Projects/Projects.tsx b/src/pages/Projects/Projects.tsx
@@ -38,6 +38,16 @@ export const Projects = () => {
         />
       );
     });
+
+  const renderNoProjectsFound = () => {
+    return (
+      <div className={`animate-fade-up-custom text-center text-gray`}>
+        <p>Lo sentimos...</p>
+        <p>No se ha encontrado ningún proyecto.</p>
+      </div>
+    );
+  };
+
   const renderLoading = () => {
     return (
       <div className="absolute inset-0 mx-auto mt-20 grid place-items-center gap-4">
@@ -130,6 +140,7 @@ export const Projects = () => {
           <section className="grid sm:grid-cols-[repeat(auto-fit,_minmax(390px,1fr))] gap-6 pt-12 justify-items-center relative h-full w-full">
             {isLoading && renderLoading()}
             {isActive ? renderProjects(activeProjects) : renderProjects(closedProjects)}
+            {(renderProjects(activeProjects) || renderProjects(closedProjects)).length === 0 && !isLoading && renderNoProjectsFound()}
           </section>
         </div>
       </main>