fix parse blog page url issue.

taopai520 · Oct 4, 2024 · 291bbc5 · 291bbc5
1 parent 1a0897d
commit 291bbc5
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/app/blog/[id]/page.tsx b/app/blog/[id]/page.tsx
@@ -57,9 +57,9 @@ export default function BlogPost({ params }: { params: { id: string } }) {
 
       try {
         // Use the encoded ID directly from the params
-        const encodedId = params.id;
+        // Decode the ID before sending it to the API
         const response = await fetch(
-          `/api/github?action=getBlogPost&id=${encodedId}`
+          `/api/github?action=getBlogPost&id=${params.id}`
         );
         if (!response.ok) {
           throw new Error("Failed to fetch blog post");

diff --git a/components/Editor.tsx b/components/Editor.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import React from "react";
 import { useState, useEffect, useCallback } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { Button } from "@/components/ui/button";

diff --git a/lib/githubApi.ts b/lib/githubApi.ts
@@ -231,14 +231,11 @@ export async function getBlogPost(id: string, accessToken: string): Promise<Blog
   const { owner, repo } = await getRepoInfo(accessToken);
 
   try {
-    // Encode the ID to match the file name format
-    const encodedId = encodeURIComponent(id).replace(/%20/g, '-');
-
     // Fetch the file content
     const contentResponse = await octokit.repos.getContent({
       owner,
       repo,
-      path: `content/blog/${encodedId}.md`,
+      path: `content/blog/${decodeURIComponent(id)}.md`,
     });
 
     if (Array.isArray(contentResponse.data) || !('content' in contentResponse.data)) {