chore: add more button (#30)

Author: parsagholipour

src/app/(public)/articles/(index)/loading.tsx

@@ -1,7 +1,7 @@
 import {VerticalArticleCardSkeleton} from "@/features/home-page/components/article-card-vertical";
 
 function ArticlesLoading() {
-  return [1, 2, 3, 4, 5, 6].map((num) => {
+  return [1, 2, 3, 4].map((num) => {
     return <VerticalArticleCardSkeleton key={num} />;
   });
 }

src/features/home-page/components/featured-articles/featured-articles.tsx

@@ -6,11 +6,12 @@ import {
   List,
   ThemeIcon,
   ListItem,
-  Title,
+  Title, Divider, Group, Button,
 } from "@mantine/core";
 import {VerticalArticleCard} from "../article-card-vertical";
 import classes from "./featured-articles.module.css";
 import {
+  IconArrowLeft,
   IconHexagon1,
   IconHexagon2,
   IconHexagon3,
@@ -80,7 +81,7 @@ export async function FeaturedArticles({latestArticles, popularArticles}) {
 
               return (
                 <ListItem
-                  mb={"sm"} 
+                  mb={"sm"}
                   key={article.uuid}
                   icon={<ThemeIcon color="teal" radius="xl" size="md"><Icon size="xl" /></ThemeIcon>}
                 >
@@ -93,6 +94,27 @@ export async function FeaturedArticles({latestArticles, popularArticles}) {
           </List>
         </Stack>
       </GridCol>
+      <GridCol
+        mt={10}
+        span={{
+          base: 12,
+          md: 12,
+        }}
+      >
+        <Group justify="center">
+          <Button
+            component={Link}
+            scroll={true}
+            href="/articles"
+            size="md"
+            radius="sm"
+            rightSection={<IconArrowLeft size={18} />}
+            styles={{ section: { marginInlineStart: 8 } }}
+          >
+            مقالات بیشتر
+          </Button>
+        </Group>
+      </GridCol>
     </Grid>
   );
 }