From 7d0f1dfb6a538b928a86a5df83f7f8c87a595f3c Mon Sep 17 00:00:00 2001
From: parsa aghaei <p.aghaei@hoshmand.local>
Date: Mon, 7 Oct 2024 14:53:34 +0330
Subject: [PATCH] blog New is linked to post page

---
 .../(website)/components/about-me/aboutMe.tsx |  2 +-
 .../(routes)/blog/categories/[slug]/page.tsx  | 15 ++++++
 src/app/(routes)/blog/categories/page.tsx     |  7 +++
 .../(routes)/blog/components/home/new/new.tsx | 52 +++++++++++++------
 .../blog/filterd-posts/[filter]/page.tsx      | 14 +++++
 src/app/(routes)/blog/new/page.tsx            |  7 ---
 src/app/(routes)/blog/posts/[slug]/page.tsx   | 15 ++++++
 src/app/(routes)/blog/posts/page.tsx          |  5 ++
 src/app/(routes)/blog/tags/[slug]/page.tsx    | 15 ++++++
 9 files changed, 109 insertions(+), 23 deletions(-)
 create mode 100644 src/app/(routes)/blog/categories/[slug]/page.tsx
 create mode 100644 src/app/(routes)/blog/categories/page.tsx
 create mode 100644 src/app/(routes)/blog/filterd-posts/[filter]/page.tsx
 delete mode 100644 src/app/(routes)/blog/new/page.tsx
 create mode 100644 src/app/(routes)/blog/posts/[slug]/page.tsx
 create mode 100644 src/app/(routes)/blog/posts/page.tsx
 create mode 100644 src/app/(routes)/blog/tags/[slug]/page.tsx

diff --git a/src/app/(routes)/(website)/components/about-me/aboutMe.tsx b/src/app/(routes)/(website)/components/about-me/aboutMe.tsx
index 873520d..debb842 100644
--- a/src/app/(routes)/(website)/components/about-me/aboutMe.tsx
+++ b/src/app/(routes)/(website)/components/about-me/aboutMe.tsx
@@ -26,7 +26,7 @@ type AboutMeDataType = {
 
 export default async function AboutMe() {
   const aboutMeData: AboutMeDataType = await fetch(
-    `${process.env.NEXT_PUBLIC_API_URL}/about-me`,
+    `${process.env.NEXT_PUBLIC_FRONT_URL}/api/website/about-me`,
     {
       cache: "no-store", // غیرفعال کردن کش
     },
diff --git a/src/app/(routes)/blog/categories/[slug]/page.tsx b/src/app/(routes)/blog/categories/[slug]/page.tsx
new file mode 100644
index 0000000..dd1e209
--- /dev/null
+++ b/src/app/(routes)/blog/categories/[slug]/page.tsx
@@ -0,0 +1,15 @@
+import { useParams } from "next/navigation";
+
+type propsType = {
+  id: number;
+  params: { slug: string };
+};
+
+export default function SingleCategory({ params, id }: propsType) {
+  return (
+    <div>
+      {params.slug}
+      {id}
+    </div>
+  );
+}
diff --git a/src/app/(routes)/blog/categories/page.tsx b/src/app/(routes)/blog/categories/page.tsx
new file mode 100644
index 0000000..3fac8f9
--- /dev/null
+++ b/src/app/(routes)/blog/categories/page.tsx
@@ -0,0 +1,7 @@
+
+
+export default function Categories() {
+  return (
+    <div>list of categories</div>
+  )
+}
diff --git a/src/app/(routes)/blog/components/home/new/new.tsx b/src/app/(routes)/blog/components/home/new/new.tsx
index 651a837..3ff20bc 100644
--- a/src/app/(routes)/blog/components/home/new/new.tsx
+++ b/src/app/(routes)/blog/components/home/new/new.tsx
@@ -1,4 +1,5 @@
 import Image from "next/image";
+import Link from "next/link";
 
 export default function New() {
   return (
@@ -27,9 +28,14 @@ export default function New() {
             </h2>
           </div>
 
-          <h1 className="z-10 w-full text-[18px] font-[600] text-white sm:text-[28px]">
-            How to accept rejection gracefully — and use it to grow
-          </h1>
+          <Link
+            href={"/blog/posts/Our 15 favorite websites from August 2018"}
+            className="z-10"
+          >
+            <h1 className="w-full text-[18px] font-[600] text-white sm:text-[28px]">
+              How to accept rejection gracefully — and use it to grow
+            </h1>
+          </Link>
 
           <p className="z-10 w-full text-[14px] font-[400] text-white sm:text-[16px]">
             User research is the reality check every project needs. Here’s our
@@ -50,36 +56,52 @@ export default function New() {
           <p className="text-[16px] font-[400] text-blog-text-passive">
             SEP 04 2018
           </p>
-          <h3 className="text-[16px] font-[600] text-blog-text-default">
-            Our 15 favorite websites from August 2018
-          </h3>
+          <Link href={"/blog/posts/Our 15 favorite websites from August 2018"}>
+            <h3 className="text-[16px] font-[600] text-blog-text-default">
+              Our 15 favorite websites from August 2018
+            </h3>
+          </Link>
         </div>
 
         <div className="flex w-full flex-col rounded-md p-2 transition-all hover:scale-105 hover:shadow-md">
           <p className="text-[16px] font-[400] text-blog-text-passive">
             SEP 04 2018
           </p>
-          <h3 className="text-[16px] font-[600] text-blog-text-hover">
-            The beginners guide to user research
-          </h3>
+          <Link href={"/blog/posts/The beginners guide to user research"}>
+            <h3 className="text-[16px] font-[600] text-blog-text-hover">
+              The beginners guide to user research
+            </h3>
+          </Link>
         </div>
 
         <div className="flex w-full flex-col rounded-md p-2 transition-all hover:scale-105 hover:shadow-md">
           <p className="text-[16px] font-[400] text-blog-text-passive">
             SEP 04 2018
           </p>
-          <h3 className="text-[16px] font-[600] text-blog-text-default">
-            Web page layout 101: website anatomy every designer needs to learn
-          </h3>
+          <Link
+            href={
+              "/blog/posts/Web page layout 101: website anatomy every designer needs to learn"
+            }
+          >
+            <h3 className="text-[16px] font-[600] text-blog-text-default">
+              Web page layout 101: website anatomy every designer needs to learn
+            </h3>
+          </Link>
         </div>
 
         <div className="flex w-full flex-col rounded-md p-2 transition-all hover:scale-105 hover:shadow-md">
           <p className="text-[16px] font-[400] text-blog-text-passive">
             SEP 04 2018
           </p>
-          <h3 className="text-[16px] font-[600] text-blog-text-default">
-            10 essential sections to a high-converting landing page
-          </h3>
+          <Link
+            href={
+              "/blog/posts/10 essential sections to a high-converting landing page"
+            }
+          >
+            <h3 className="text-[16px] font-[600] text-blog-text-default">
+              10 essential sections to a high-converting landing page
+            </h3>
+          </Link>
         </div>
       </div>
     </div>
diff --git a/src/app/(routes)/blog/filterd-posts/[filter]/page.tsx b/src/app/(routes)/blog/filterd-posts/[filter]/page.tsx
new file mode 100644
index 0000000..7db8fef
--- /dev/null
+++ b/src/app/(routes)/blog/filterd-posts/[filter]/page.tsx
@@ -0,0 +1,14 @@
+
+type propsType = {
+  id: number;
+  params: { slug: string };
+};
+
+export default function FilterdPosts({ params, id }: propsType) {
+  return (
+    <div>
+      {params.slug}
+      {id}
+    </div>
+  );
+}
diff --git a/src/app/(routes)/blog/new/page.tsx b/src/app/(routes)/blog/new/page.tsx
deleted file mode 100644
index e850073..0000000
--- a/src/app/(routes)/blog/new/page.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import React from 'react'
-
-export default function New() {
-  return (
-    <div>New</div>
-  )
-}
diff --git a/src/app/(routes)/blog/posts/[slug]/page.tsx b/src/app/(routes)/blog/posts/[slug]/page.tsx
new file mode 100644
index 0000000..f3bdc2e
--- /dev/null
+++ b/src/app/(routes)/blog/posts/[slug]/page.tsx
@@ -0,0 +1,15 @@
+import { useParams } from "next/navigation";
+
+type propsType = {
+  id: number;
+  params: { slug: string };
+};
+
+export default function SinglePost({ params, id }: propsType) {
+  return (
+    <div>
+      {params.slug}
+      {id}
+    </div>
+  );
+}
diff --git a/src/app/(routes)/blog/posts/page.tsx b/src/app/(routes)/blog/posts/page.tsx
new file mode 100644
index 0000000..9724fee
--- /dev/null
+++ b/src/app/(routes)/blog/posts/page.tsx
@@ -0,0 +1,5 @@
+
+
+export default function Posts() {
+  return <div>blog posts list page</div>;
+}
diff --git a/src/app/(routes)/blog/tags/[slug]/page.tsx b/src/app/(routes)/blog/tags/[slug]/page.tsx
new file mode 100644
index 0000000..4ffe557
--- /dev/null
+++ b/src/app/(routes)/blog/tags/[slug]/page.tsx
@@ -0,0 +1,15 @@
+import { useParams } from "next/navigation";
+
+type propsType = {
+  id: number;
+  params: { slug: string };
+};
+
+export default function SingleTag({ params, id }: propsType) {
+  return (
+    <div>
+      {params.slug}
+      {id}
+    </div>
+  );
+}