fix: fix changelogs

Author: gregberge

app/changelog/[...slug]/page.tsx

@@ -1,10 +1,10 @@
-import { Metadata, ResolvingMetadata } from "next";
+import { Metadata } from "next";
 import { notFound } from "next/navigation";
 import * as React from "react";
 
 import { getChangelogEntryBySlug, getChangelogs } from "@/lib/changelog-api";
 
-import Changelogs from "../changelogs";
+import { Changelogs } from "../changelogs";
 
 type Props = {
   params: { slug: string[] };
@@ -59,10 +59,6 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
   };
 }
 
-const dateFormatter = new Intl.DateTimeFormat("en-US", {
-  dateStyle: "long",
-});
-
 export default async function Page({ params }: Props) {
   const changelog = await getChangelogFromParams(params);
   if (!changelog) {

app/changelog/changelogs.tsx

@@ -8,7 +8,7 @@ const dateFormatter = new Intl.DateTimeFormat("en-US", {
   dateStyle: "long",
 });
 
-export default function Changelogs(props: {
+export function Changelogs(props: {
   changelogs: ChangelogEntry[];
   single?: boolean;
 }) {

app/changelog/page.tsx

@@ -1,11 +1,9 @@
 import { Metadata } from "next";
 
-import { Container } from "@/components/Container";
-import { Link } from "@/components/Link";
 import { getChangelogs } from "@/lib/changelog-api";
 import { getMetadata } from "@/lib/metadata";
 
-import Changelogs from "./changelogs";
+import { Changelogs } from "./changelogs";
 
 export const metadata: Metadata = getMetadata({
   title: "Changelog",

app/changelog/sitemap.ts

@@ -11,7 +11,7 @@ export default async function sitemap({
 }): Promise<MetadataRoute.Sitemap> {
   const changelogs = await getChangelogs();
   return changelogs.map((changelog) => ({
-    url: `${BASE_URL}/changelogs/${changelog.slug}`,
+    url: `${BASE_URL}/changelog/${changelog.slug}`,
     lastModified: changelog.date,
   }));
 }

lib/changelog-api.tsx

@@ -61,12 +61,12 @@ async function getChangelogFromPath(
     .replace(/^.\/changelogs\//, "")
     .replace(/\/index.mdx$/, "");
 
-  const DD_MM_YYYY = frontmatter.date.toISOString().split("T")[0];
+  const YYYY_MM_DD = frontmatter.date.toISOString().split("T")[0];
   return {
     filepath,
     title: frontmatter.title,
     description: frontmatter.description,
-    slug: `${DD_MM_YYYY}-${slug}`,
+    slug: `${YYYY_MM_DD}-${slug}`,
     date: frontmatter.date.toISOString(),
     source: await getDocMdxSource(filepath),
   };

tailwind.config.js

@@ -10,6 +10,7 @@ module.exports = {
     "./components/**/*.{js,ts,jsx,tsx}",
     "./containers/**/*.{js,ts,jsx,tsx}",
     "./articles/**/*.{js,ts,jsx,tsx}",
+    "./changelogs/**/*.{js,ts,jsx,tsx}",
     "./markdown/**/*.{js,ts,jsx,tsx}",
     "./styles/**/*.css",
     // OpenStatus Widget