From 513509eceededc3f97578e88ac75c36e1d209045 Mon Sep 17 00:00:00 2001
From: Ali Farooq <Alimuhammadfc5@gmail.com>
Date: Thu, 25 Apr 2024 20:36:35 +0500
Subject: [PATCH 1/4] feat(saas): Change log init

---
 .../src/app/(app)/_components/sidebar-nav.tsx |  2 +-
 .../src/app/(web)/_components/header-nav.tsx  |  2 +-
 .../saas/src/app/(web)/changelog/page.tsx     | 27 +++++++++++++++++++
 starterkits/saas/src/config/header.ts         |  5 ++++
 starterkits/saas/src/config/sidebar.ts        |  4 +--
 starterkits/saas/src/config/urls.ts           |  1 +
 .../src/content/changelogs/version-0.0.0.mdx  | 22 +++++++++++++++
 starterkits/saas/src/lib/mdx.ts               |  8 +++---
 starterkits/saas/src/server/actions/blog.ts   |  6 +++--
 .../saas/src/server/actions/changelog.ts      | 14 ++++++++++
 starterkits/saas/src/server/actions/docs.ts   |  6 +++--
 .../validations/{mdx.ts => mdx-content.ts}    | 16 +++++++++--
 12 files changed, 98 insertions(+), 15 deletions(-)
 create mode 100644 starterkits/saas/src/app/(web)/changelog/page.tsx
 create mode 100644 starterkits/saas/src/content/changelogs/version-0.0.0.mdx
 create mode 100644 starterkits/saas/src/server/actions/changelog.ts
 rename starterkits/saas/src/validations/{mdx.ts => mdx-content.ts} (63%)

diff --git a/starterkits/saas/src/app/(app)/_components/sidebar-nav.tsx b/starterkits/saas/src/app/(app)/_components/sidebar-nav.tsx
index 0d26674..ddcac56 100644
--- a/starterkits/saas/src/app/(app)/_components/sidebar-nav.tsx
+++ b/starterkits/saas/src/app/(app)/_components/sidebar-nav.tsx
@@ -64,7 +64,7 @@ export function SidebarNav({
 
     const pathname = usePathname();
 
-    const sidebarNavitems = sidebarConfig.filterNavItems({
+    const sidebarNavitems = sidebarConfig.filteredNavItems({
         removeIds: sidebarNavRemoveIds,
         includedIds: sidebarNavIncludeIds,
     });
diff --git a/starterkits/saas/src/app/(web)/_components/header-nav.tsx b/starterkits/saas/src/app/(web)/_components/header-nav.tsx
index 7eddfde..e77c053 100644
--- a/starterkits/saas/src/app/(web)/_components/header-nav.tsx
+++ b/starterkits/saas/src/app/(web)/_components/header-nav.tsx
@@ -17,7 +17,7 @@ export function WebHeaderNav() {
 
     return (
         <nav className="flex items-center justify-center">
-            <ul className="flex items-center gap-8">
+            <ul className="flex items-center gap-6">
                 {navigation.map((item) => (
                     <li key={item.id}>
                         <Link
diff --git a/starterkits/saas/src/app/(web)/changelog/page.tsx b/starterkits/saas/src/app/(web)/changelog/page.tsx
new file mode 100644
index 0000000..0aced07
--- /dev/null
+++ b/starterkits/saas/src/app/(web)/changelog/page.tsx
@@ -0,0 +1,27 @@
+import {
+    WebPageHeader,
+    WebPageWrapper,
+} from "@/app/(web)/_components/general-components";
+import { Button } from "@/components/ui/button";
+import { siteConfig } from "@/config/site";
+import { getChangelogs } from "@/server/actions/changelog";
+
+export const dynamic = "force-static";
+
+export default async function ChangeLogPage() {
+    const changelogs = await getChangelogs();
+
+    return (
+        <WebPageWrapper>
+            <WebPageHeader title="Change Log">
+                <p className="text-center text-base">
+                    <span>
+                        All the latest features, fixes and work to{" "}
+                        {siteConfig.name}.
+                    </span>
+                </p>
+            </WebPageHeader>
+            <div></div>
+        </WebPageWrapper>
+    );
+}
diff --git a/starterkits/saas/src/config/header.ts b/starterkits/saas/src/config/header.ts
index cce1b03..b067333 100644
--- a/starterkits/saas/src/config/header.ts
+++ b/starterkits/saas/src/config/header.ts
@@ -44,4 +44,9 @@ export const navigation: NavigationItem[] = [
         href: siteUrls.docs,
         label: "Docs",
     },
+    {
+        id: "changelog",
+        href: siteUrls.changelog,
+        label: "Changelog",
+    },
 ];
diff --git a/starterkits/saas/src/config/sidebar.ts b/starterkits/saas/src/config/sidebar.ts
index 1003645..19fe132 100644
--- a/starterkits/saas/src/config/sidebar.ts
+++ b/starterkits/saas/src/config/sidebar.ts
@@ -180,7 +180,7 @@ type FilterNavItemsProps = {
  * @returns The filtered navigation items for the sidebar.
  * */
 
-export function filterNavItems({
+export function filteredNavItems({
     removeIds = [],
     includedIds = [],
 }: FilterNavItemsProps) {
@@ -209,5 +209,5 @@ export function filterNavItems({
 export const sidebarConfig = {
     navIds,
     navigation,
-    filterNavItems,
+    filteredNavItems,
 } as const;
diff --git a/starterkits/saas/src/config/urls.ts b/starterkits/saas/src/config/urls.ts
index 7367f01..291cb4d 100644
--- a/starterkits/saas/src/config/urls.ts
+++ b/starterkits/saas/src/config/urls.ts
@@ -20,6 +20,7 @@ export const siteUrls = {
     support: "/support",
     blog: "/blog",
     docs: "/docs/introduction",
+    changelog: "/changelog",
     maintenance: "/maintenance",
     rapidlaunch: "https://www.rapidlaunch.xyz",
     dashboard: {
diff --git a/starterkits/saas/src/content/changelogs/version-0.0.0.mdx b/starterkits/saas/src/content/changelogs/version-0.0.0.mdx
new file mode 100644
index 0000000..6054aa3
--- /dev/null
+++ b/starterkits/saas/src/content/changelogs/version-0.0.0.mdx
@@ -0,0 +1,22 @@
+---
+title: "Launch of RapidLaunch"
+slug: "launch-of-rapidlaunch"
+description: "RapidLaunch is a platform to create and launch SaaS products quickly."
+version: "0.0.0"
+publishedAt: 2024-04-01
+tumbnail: "https://fakeimg.pl/700x400/d1d1d1/6b6b6b"
+---
+
+You can now change the monitors visibility to public. This will allow you to
+share the monitor's metrics _(the overview page)_ with your users. The period is
+restricted to **1d** and **7d** for now.
+
+The monitor can be accessed either by the **public URL** or/and by embedding the
+monitor within a **status page**.
+
+- Public URL:
+  [openstatus.dev/public/monitors/1](https://openstatus.dev/public/monitors/1)
+- Status Page URL:
+  [status.openstatus.dev/monitors/1](https://status.openstatus.dev/monitors/1)
+
+You can enable public mode from the monitor _Danger_ section setting.
diff --git a/starterkits/saas/src/lib/mdx.ts b/starterkits/saas/src/lib/mdx.ts
index ce5fd53..29f31a9 100644
--- a/starterkits/saas/src/lib/mdx.ts
+++ b/starterkits/saas/src/lib/mdx.ts
@@ -1,13 +1,13 @@
 import { compileMDX } from "next-mdx-remote/rsc";
 import { readdir, readFile } from "fs/promises";
-import { docsMetaSchema } from "@/validations/mdx";
 import path from "path";
 import { getTableOfContents } from "@/lib/toc";
 import { mdxComponents } from "@/components/mdx-components";
 import { AutoIdsToHeading } from "@/lib/rehype-plugins";
 import rehypePrism from "rehype-prism-plus";
+import type { SomeZodObject } from "zod";
 
-export async function getMDXData<MetaData>(dir: string) {
+export async function getMDXData<MetaData>(dir: string, schema: SomeZodObject) {
     const files = (await readdir(dir, "utf-8")).filter(
         (file) => path.extname(file) === ".mdx",
     );
@@ -30,9 +30,7 @@ export async function getMDXData<MetaData>(dir: string) {
                 components,
             });
 
-            const validate = await docsMetaSchema.safeParseAsync(
-                mdxData.frontmatter,
-            );
+            const validate = await schema.safeParseAsync(mdxData.frontmatter);
 
             if (!validate.success) {
                 throw new Error(
diff --git a/starterkits/saas/src/server/actions/blog.ts b/starterkits/saas/src/server/actions/blog.ts
index 20c0bd9..da0a42c 100644
--- a/starterkits/saas/src/server/actions/blog.ts
+++ b/starterkits/saas/src/server/actions/blog.ts
@@ -1,9 +1,11 @@
 import "server-only";
 
 import { getMDXData } from "@/lib/mdx";
-import type { BlogMetaData } from "@/validations/mdx";
+import { type BlogMetaData, blogMetaSchema } from "@/validations/mdx-content";
 
 export async function getBlogs() {
     const dir = "src/content/blog";
-    return await getMDXData<BlogMetaData>(dir);
+    return (await getMDXData<BlogMetaData>(dir, blogMetaSchema)).filter(
+        (blog) => !blog.metaData.isDraft,
+    );
 }
diff --git a/starterkits/saas/src/server/actions/changelog.ts b/starterkits/saas/src/server/actions/changelog.ts
new file mode 100644
index 0000000..bfd217c
--- /dev/null
+++ b/starterkits/saas/src/server/actions/changelog.ts
@@ -0,0 +1,14 @@
+import "server-only";
+
+import { getMDXData } from "@/lib/mdx";
+import {
+    type ChangelogMetaData,
+    changelogMetaSchema,
+} from "@/validations/mdx-content";
+
+export async function getChangelogs() {
+    const dir = "src/content/changelogs";
+    return (
+        await getMDXData<ChangelogMetaData>(dir, changelogMetaSchema)
+    ).filter((changelog) => !changelog.metaData.isDraft);
+}
diff --git a/starterkits/saas/src/server/actions/docs.ts b/starterkits/saas/src/server/actions/docs.ts
index 0d44191..08c1e8e 100644
--- a/starterkits/saas/src/server/actions/docs.ts
+++ b/starterkits/saas/src/server/actions/docs.ts
@@ -1,9 +1,11 @@
 import "server-only";
 
 import { getMDXData } from "@/lib/mdx";
-import type { DocsMetaData } from "@/validations/mdx";
+import { type DocsMetaData, docsMetaSchema } from "@/validations/mdx-content";
 
 export async function getDocs() {
     const dir = "src/content/docs";
-    return await getMDXData<DocsMetaData>(dir);
+    return (await getMDXData<DocsMetaData>(dir, docsMetaSchema)).filter(
+        (doc) => !doc.metaData.isDraft,
+    );
 }
diff --git a/starterkits/saas/src/validations/mdx.ts b/starterkits/saas/src/validations/mdx-content.ts
similarity index 63%
rename from starterkits/saas/src/validations/mdx.ts
rename to starterkits/saas/src/validations/mdx-content.ts
index 6f4b169..75576c9 100644
--- a/starterkits/saas/src/validations/mdx.ts
+++ b/starterkits/saas/src/validations/mdx-content.ts
@@ -13,8 +13,8 @@ export type DocsMetaData = z.infer<typeof docsMetaSchema>;
 export const blogMetaSchema = z.object({
     title: z.string(),
     slug: z.string(),
-    publishedAt: z.string().datetime(),
-    updatedAt: z.string().datetime().optional(),
+    publishedAt: z.date(),
+    updatedAt: z.date().optional(),
     readTime: z.string(),
     tags: z.array(z.string()).optional(),
     description: z.string(),
@@ -24,3 +24,15 @@ export const blogMetaSchema = z.object({
 });
 
 export type BlogMetaData = z.infer<typeof blogMetaSchema>;
+
+export const changelogMetaSchema = z.object({
+    title: z.string(),
+    slug: z.string(),
+    publishedAt: z.date(),
+    tumbnail: z.string().url(),
+    description: z.string(),
+    version: z.string(),
+    isDraft: z.boolean().optional(),
+});
+
+export type ChangelogMetaData = z.infer<typeof changelogMetaSchema>;

From 4aa44e876d043565027216a419c854577d353eb6 Mon Sep 17 00:00:00 2001
From: Ali Farooq <Alimuhammadfc5@gmail.com>
Date: Fri, 26 Apr 2024 00:56:27 +0500
Subject: [PATCH 2/4] feat(saas): Change ui, and content dir, and minor chnages

---
 .../src/app/(web)/_components/header-nav.tsx  |  5 ++-
 starterkits/saas/src/app/(web)/blog/page.tsx  |  2 +-
 .../saas/src/app/(web)/changelog/page.tsx     | 43 ++++++++++++++++++-
 .../src/content/blog/create-saas-in-1-day.mdx |  2 +-
 .../saas/src/content/blog/introduction.mdx    |  2 +-
 .../src/content/changelogs/version-0.0.0.mdx  |  2 +-
 .../src/content/changelogs/version-0.1.0.mdx  | 22 ++++++++++
 .../saas/src/validations/mdx-content.ts       |  4 +-
 8 files changed, 72 insertions(+), 10 deletions(-)
 create mode 100644 starterkits/saas/src/content/changelogs/version-0.1.0.mdx

diff --git a/starterkits/saas/src/app/(web)/_components/header-nav.tsx b/starterkits/saas/src/app/(web)/_components/header-nav.tsx
index e77c053..a4bd954 100644
--- a/starterkits/saas/src/app/(web)/_components/header-nav.tsx
+++ b/starterkits/saas/src/app/(web)/_components/header-nav.tsx
@@ -5,6 +5,7 @@ import { usePathname } from "next/navigation";
 import { Badge } from "@/components/ui/badge";
 import { cn, isLinkActive } from "@/lib/utils";
 import { navigation } from "@/config/header";
+import { buttonVariants } from "@/components/ui/button";
 
 /**
  *  For adding a new navigation item:
@@ -17,13 +18,13 @@ export function WebHeaderNav() {
 
     return (
         <nav className="flex items-center justify-center">
-            <ul className="flex items-center gap-6">
+            <ul className="flex items-center">
                 {navigation.map((item) => (
                     <li key={item.id}>
                         <Link
                             href={item.href}
                             className={cn(
-                                "text-sm  hover:underline hover:underline-offset-4",
+                                buttonVariants({ variant: "link" }),
                                 isLinkActive(item.href, pathname)
                                     ? "font-semibold"
                                     : "font-medium",
diff --git a/starterkits/saas/src/app/(web)/blog/page.tsx b/starterkits/saas/src/app/(web)/blog/page.tsx
index a2c1469..efb1e40 100644
--- a/starterkits/saas/src/app/(web)/blog/page.tsx
+++ b/starterkits/saas/src/app/(web)/blog/page.tsx
@@ -37,7 +37,7 @@ export default async function BlogsPage() {
                         >
                             <div className="relative h-screen max-h-[350px] w-full overflow-hidden rounded-md bg-muted/60">
                                 <Image
-                                    src={blog.metaData.tumbnail}
+                                    src={blog.metaData.thumbnail}
                                     alt={blog.metaData.title}
                                     fill
                                     className="object-cover"
diff --git a/starterkits/saas/src/app/(web)/changelog/page.tsx b/starterkits/saas/src/app/(web)/changelog/page.tsx
index 0aced07..3c788ca 100644
--- a/starterkits/saas/src/app/(web)/changelog/page.tsx
+++ b/starterkits/saas/src/app/(web)/changelog/page.tsx
@@ -2,9 +2,17 @@ import {
     WebPageHeader,
     WebPageWrapper,
 } from "@/app/(web)/_components/general-components";
-import { Button } from "@/components/ui/button";
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardHeader,
+    CardTitle,
+} from "@/components/ui/card";
 import { siteConfig } from "@/config/site";
 import { getChangelogs } from "@/server/actions/changelog";
+import { format } from "date-fns";
+import Image from "next/image";
 
 export const dynamic = "force-static";
 
@@ -21,7 +29,38 @@ export default async function ChangeLogPage() {
                     </span>
                 </p>
             </WebPageHeader>
-            <div></div>
+            <div className="grid w-full max-w-4xl gap-8">
+                {changelogs.map((changelog) => (
+                    <ChangeLogCard
+                        key={changelog.metaData.slug}
+                        {...changelog}
+                    />
+                ))}
+            </div>
         </WebPageWrapper>
     );
 }
+
+type ChangeLogCardProps = Awaited<ReturnType<typeof getChangelogs>>[number];
+
+function ChangeLogCard({ metaData, content }: ChangeLogCardProps) {
+    return (
+        <Card className="overflow-hidden">
+            <div className="relative h-[400px] w-full">
+                <Image src={metaData.thumbnail} alt={metaData.title} fill />
+            </div>
+            <CardHeader>
+                <CardTitle className="text-3xl">v{metaData.version}</CardTitle>
+                <CardTitle className="text-xl">{metaData.title}</CardTitle>
+                <CardDescription>{metaData.description}</CardDescription>
+            </CardHeader>
+            <CardContent>
+                <p className="text-muted-foreground">
+                    Published on {format(new Date(metaData.publishedAt), "PPP")}
+                </p>
+
+                {content}
+            </CardContent>
+        </Card>
+    );
+}
diff --git a/starterkits/saas/src/content/blog/create-saas-in-1-day.mdx b/starterkits/saas/src/content/blog/create-saas-in-1-day.mdx
index 6a0bf30..ff37e25 100644
--- a/starterkits/saas/src/content/blog/create-saas-in-1-day.mdx
+++ b/starterkits/saas/src/content/blog/create-saas-in-1-day.mdx
@@ -6,7 +6,7 @@ updatedAt: 2024-05-01
 readTime: 5 min
 tags: ["saas", "introduction"]
 description: This is the introduction
-tumbnail: https://fakeimg.pl/700x400/d1d1d1/6b6b6b
+thumbnail: https://fakeimg.pl/700x400/d1d1d1/6b6b6b
 ---
 
 
diff --git a/starterkits/saas/src/content/blog/introduction.mdx b/starterkits/saas/src/content/blog/introduction.mdx
index 0fc47dd..1f99c33 100644
--- a/starterkits/saas/src/content/blog/introduction.mdx
+++ b/starterkits/saas/src/content/blog/introduction.mdx
@@ -5,7 +5,7 @@ publishedAt: 2022-01-01
 readTime: 5 min
 tags: ["introduction", "saas"]
 description: This is the introduction
-tumbnail: https://fakeimg.pl/700x400/d1d1d1/6b6b6b
+thumbnail: https://fakeimg.pl/700x400/d1d1d1/6b6b6b
 ---
 
 ## Introduction
diff --git a/starterkits/saas/src/content/changelogs/version-0.0.0.mdx b/starterkits/saas/src/content/changelogs/version-0.0.0.mdx
index 6054aa3..c6659d7 100644
--- a/starterkits/saas/src/content/changelogs/version-0.0.0.mdx
+++ b/starterkits/saas/src/content/changelogs/version-0.0.0.mdx
@@ -4,7 +4,7 @@ slug: "launch-of-rapidlaunch"
 description: "RapidLaunch is a platform to create and launch SaaS products quickly."
 version: "0.0.0"
 publishedAt: 2024-04-01
-tumbnail: "https://fakeimg.pl/700x400/d1d1d1/6b6b6b"
+thumbnail: "https://fakeimg.pl/700x400/d1d1d1/6b6b6b"
 ---
 
 You can now change the monitors visibility to public. This will allow you to
diff --git a/starterkits/saas/src/content/changelogs/version-0.1.0.mdx b/starterkits/saas/src/content/changelogs/version-0.1.0.mdx
new file mode 100644
index 0000000..903afde
--- /dev/null
+++ b/starterkits/saas/src/content/changelogs/version-0.1.0.mdx
@@ -0,0 +1,22 @@
+---
+title: "Launch of RapidLaunch 2"
+slug: "launch-of-rapidlaunch-2"
+description: "RapidLaunch is a platform to create and launch SaaS products quickly."
+version: "0.1.0"
+publishedAt: 2024-08-01
+thumbnail: "https://fakeimg.pl/700x400/d1d1d1/6b6b6b"
+---
+
+You can now change the monitors visibility to public. This will allow you to
+share the monitor's metrics _(the overview page)_ with your users. The period is
+restricted to **1d** and **7d** for now.
+
+The monitor can be accessed either by the **public URL** or/and by embedding the
+monitor within a **status page**.
+
+- Public URL:
+  [openstatus.dev/public/monitors/1](https://openstatus.dev/public/monitors/1)
+- Status Page URL:
+  [status.openstatus.dev/monitors/1](https://status.openstatus.dev/monitors/1)
+
+You can enable public mode from the monitor _Danger_ section setting.
diff --git a/starterkits/saas/src/validations/mdx-content.ts b/starterkits/saas/src/validations/mdx-content.ts
index 75576c9..28da78f 100644
--- a/starterkits/saas/src/validations/mdx-content.ts
+++ b/starterkits/saas/src/validations/mdx-content.ts
@@ -18,7 +18,7 @@ export const blogMetaSchema = z.object({
     readTime: z.string(),
     tags: z.array(z.string()).optional(),
     description: z.string(),
-    tumbnail: z.string().url(),
+    thumbnail: z.string().url(),
     featured: z.boolean().optional(),
     isDraft: z.boolean().optional(),
 });
@@ -29,7 +29,7 @@ export const changelogMetaSchema = z.object({
     title: z.string(),
     slug: z.string(),
     publishedAt: z.date(),
-    tumbnail: z.string().url(),
+    thumbnail: z.string().url(),
     description: z.string(),
     version: z.string(),
     isDraft: z.boolean().optional(),

From 2a495c80e9e0c3cc9defc053262a81ebd43c2490 Mon Sep 17 00:00:00 2001
From: Ali Farooq <Alimuhammadfc5@gmail.com>
Date: Fri, 26 Apr 2024 01:25:50 +0500
Subject: [PATCH 3/4] refactor(saas): sort changelog according to the date

---
 .../saas/src/app/(web)/changelog/page.tsx     | 14 ++++++++++--
 .../src/content/changelogs/version-0.2.4.mdx  | 22 +++++++++++++++++++
 2 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 starterkits/saas/src/content/changelogs/version-0.2.4.mdx

diff --git a/starterkits/saas/src/app/(web)/changelog/page.tsx b/starterkits/saas/src/app/(web)/changelog/page.tsx
index 3c788ca..09386f9 100644
--- a/starterkits/saas/src/app/(web)/changelog/page.tsx
+++ b/starterkits/saas/src/app/(web)/changelog/page.tsx
@@ -17,7 +17,12 @@ import Image from "next/image";
 export const dynamic = "force-static";
 
 export default async function ChangeLogPage() {
-    const changelogs = await getChangelogs();
+    //filter changelogs by date
+    const changelogs = (await getChangelogs()).sort(
+        (a, b) =>
+            Number(new Date(b.metaData.publishedAt)) -
+            Number(new Date(a.metaData.publishedAt)),
+    );
 
     return (
         <WebPageWrapper>
@@ -47,7 +52,12 @@ function ChangeLogCard({ metaData, content }: ChangeLogCardProps) {
     return (
         <Card className="overflow-hidden">
             <div className="relative h-[400px] w-full">
-                <Image src={metaData.thumbnail} alt={metaData.title} fill />
+                <Image
+                    src={metaData.thumbnail}
+                    alt={metaData.title}
+                    fill
+                    className="object-cover"
+                />
             </div>
             <CardHeader>
                 <CardTitle className="text-3xl">v{metaData.version}</CardTitle>
diff --git a/starterkits/saas/src/content/changelogs/version-0.2.4.mdx b/starterkits/saas/src/content/changelogs/version-0.2.4.mdx
new file mode 100644
index 0000000..3f7fb50
--- /dev/null
+++ b/starterkits/saas/src/content/changelogs/version-0.2.4.mdx
@@ -0,0 +1,22 @@
+---
+title: "Launch of RapidLaunch 2"
+slug: "launch-of-rapidlaunch-2"
+description: "RapidLaunch is a platform to create and launch SaaS products quickly."
+version: "0.4.0"
+publishedAt: 2024-10-06
+thumbnail: "https://fakeimg.pl/700x400/d1d1d1/6b6b6b"
+---
+
+You can now change the monitors visibility to public. This will allow you to
+share the monitor's metrics _(the overview page)_ with your users. The period is
+restricted to **1d** and **7d** for now.
+
+The monitor can be accessed either by the **public URL** or/and by embedding the
+monitor within a **status page**.
+
+- Public URL:
+  [openstatus.dev/public/monitors/1](https://openstatus.dev/public/monitors/1)
+- Status Page URL:
+  [status.openstatus.dev/monitors/1](https://status.openstatus.dev/monitors/1)
+
+You can enable public mode from the monitor _Danger_ section setting.

From 28e95211e046f8f8589258d0a225933ea5d1b5d7 Mon Sep 17 00:00:00 2001
From: Ali Farooq <Alimuhammadfc5@gmail.com>
Date: Fri, 26 Apr 2024 01:31:41 +0500
Subject: [PATCH 4/4] fix(saas): Change log eslint error

---
 starterkits/saas/src/app/(web)/blog/[...slug]/page.tsx    | 2 +-
 starterkits/saas/src/content/changelogs/version-0.0.0.mdx | 2 +-
 starterkits/saas/src/content/changelogs/version-0.1.0.mdx | 2 +-
 starterkits/saas/src/content/changelogs/version-0.2.4.mdx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/starterkits/saas/src/app/(web)/blog/[...slug]/page.tsx b/starterkits/saas/src/app/(web)/blog/[...slug]/page.tsx
index a791b0b..8f11473 100644
--- a/starterkits/saas/src/app/(web)/blog/[...slug]/page.tsx
+++ b/starterkits/saas/src/app/(web)/blog/[...slug]/page.tsx
@@ -45,7 +45,7 @@ export default async function BlogSlugPage({ params }: BlogSlugPageProps) {
 
                     <div className="relative aspect-video max-h-[350px] w-full overflow-hidden rounded-md bg-muted/60">
                         <Image
-                            src={blog.metaData.tumbnail}
+                            src={blog.metaData.thumbnail}
                             alt={blog.metaData.title}
                             className="rounded-md"
                             fill
diff --git a/starterkits/saas/src/content/changelogs/version-0.0.0.mdx b/starterkits/saas/src/content/changelogs/version-0.0.0.mdx
index c6659d7..c2de931 100644
--- a/starterkits/saas/src/content/changelogs/version-0.0.0.mdx
+++ b/starterkits/saas/src/content/changelogs/version-0.0.0.mdx
@@ -4,7 +4,7 @@ slug: "launch-of-rapidlaunch"
 description: "RapidLaunch is a platform to create and launch SaaS products quickly."
 version: "0.0.0"
 publishedAt: 2024-04-01
-thumbnail: "https://fakeimg.pl/700x400/d1d1d1/6b6b6b"
+thumbnail: "https://fakeimg.pl/896x400/d1d1d1/6b6b6b"
 ---
 
 You can now change the monitors visibility to public. This will allow you to
diff --git a/starterkits/saas/src/content/changelogs/version-0.1.0.mdx b/starterkits/saas/src/content/changelogs/version-0.1.0.mdx
index 903afde..3e3f2de 100644
--- a/starterkits/saas/src/content/changelogs/version-0.1.0.mdx
+++ b/starterkits/saas/src/content/changelogs/version-0.1.0.mdx
@@ -4,7 +4,7 @@ slug: "launch-of-rapidlaunch-2"
 description: "RapidLaunch is a platform to create and launch SaaS products quickly."
 version: "0.1.0"
 publishedAt: 2024-08-01
-thumbnail: "https://fakeimg.pl/700x400/d1d1d1/6b6b6b"
+thumbnail: "https://fakeimg.pl/896x400/d1d1d1/6b6b6b"
 ---
 
 You can now change the monitors visibility to public. This will allow you to
diff --git a/starterkits/saas/src/content/changelogs/version-0.2.4.mdx b/starterkits/saas/src/content/changelogs/version-0.2.4.mdx
index 3f7fb50..0a31bde 100644
--- a/starterkits/saas/src/content/changelogs/version-0.2.4.mdx
+++ b/starterkits/saas/src/content/changelogs/version-0.2.4.mdx
@@ -4,7 +4,7 @@ slug: "launch-of-rapidlaunch-2"
 description: "RapidLaunch is a platform to create and launch SaaS products quickly."
 version: "0.4.0"
 publishedAt: 2024-10-06
-thumbnail: "https://fakeimg.pl/700x400/d1d1d1/6b6b6b"
+thumbnail: "https://fakeimg.pl/896x400/d1d1d1/6b6b6b"
 ---
 
 You can now change the monitors visibility to public. This will allow you to