article page error state

SilverCareOrg · Mar 2, 2024 · 39313d2 · 39313d2
1 parent cbdfe00
commit 39313d2
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/pages/Articles.jsx b/src/pages/Articles.jsx
@@ -58,7 +58,8 @@ const Articles = () => {
     <div>
       <ArticleBar />
       <div>
-        <div>
+        <div className="lg: min-h-[725px]">
+          {articles.length === 0 ? <NoArticles/> : null}
           {articles?.map((article) => (
             <DisplayArticle key={article._id} article={article} />
           ))}
@@ -69,4 +70,12 @@ const Articles = () => {
   );
 };
 
+const NoArticles = () => {
+  return (
+  <div className="flex items-center justify-center absolute top-[50%] left-[10%] lg:left-[25%]">
+      <p className="text-3xl">Nu exista articole cu aceasta categorie</p>
+  </div>
+  )
+}
+
 export default Articles;