docs: change log

docs/app/changelogs/_logs/2024-08-09.tsx

@@ -1,48 +0,0 @@
-import { AnimatePresence } from "@/components/ui/fade-in";
-
-const ChangelogOne = () => {
-	return (
-		<AnimatePresence>
-			<div className="flex flex-col gap-4 items-start justify-center max-w-full md:max-w-2xl">
-				<img
-					src="https://camo.githubusercontent.com/3282afc585d07e52e883ac2345467841e5c9cbe3befdec9dd6f84c603748e0d4/68747470733a2f2f726573656e642e636f6d2f5f6e6578742f696d6167653f75726c3d253246737461746963253246706f737473253246776562686f6f6b732e6a706726773d36343026713d3735"
-					className="w-full h-[400px] object-cover rounded-lg"
-				/>
-				<div className="flex flex-col gap-2">
-					<h2 className="text-2xl font-bold tracking-tighter">
-						Commit message suggestions
-					</h2>
-				</div>
-				<p className="text-gray-600 dark:text-gray-300 text-[0.855rem]">
-					In the latest release, I've added support for commit message and
-					description suggestions via an integration with OpenAI. Commit looks
-					at all of your changes, and feeds that into the machine with a bit of
-					prompt-tuning to get back a commit message that does a surprisingly
-					good job at describing the intent of your changes. It's also been a
-					pretty helpful way to remind myself what the hell I was working on at
-					the end of the day yesterday when I get back to my computer and
-					realize I didn't commit any of my work.
-				</p>
-				<div className="flex flex-col gap-2">
-					<h4 className="text-xl tracking-tighter"> Improvement</h4>
-				</div>
-				<ul className="list-disc ml-10 text-[0.855rem] text-gray-600 dark:text-gray-300">
-					<li>
-						Added commit message and description suggestions powered by OpenAI
-					</li>
-					<li>
-						Started commit message and description suggestions powered by OpenAI
-					</li>
-
-					<li>
-						Restored message and description suggestions powered by OpenAI
-					</li>
-					<li>
-						Added commit message and description suggestions powered by OpenAI
-					</li>
-				</ul>
-			</div>
-		</AnimatePresence>
-	);
-};
-export default ChangelogOne;

docs/app/changelogs/_logs/2024-09-29.tsx

@@ -0,0 +1,41 @@
+import { Badge } from "@/components/ui/badge";
+import { AnimatePresence } from "@/components/ui/fade-in";
+
+const listOfFeatures = [
+	"Database adapters support including prisma, drizzle and mongo db.",
+	"Generic OAuth Providers",
+	"database hooks",
+	"CrossDomain cookies",
+	"onRequest and onResponse plugin hooks",
+	"init interface for plugins",
+];
+
+const ChangelogOne = () => {
+	return (
+		<AnimatePresence>
+			<div className="flex flex-col gap-4 items-start justify-center max-w-full md:max-w-2xl">
+				<div className="flex flex-col gap-2">
+					<h2 className="text-2xl font-bold tracking-tighter">v0.2.0</h2>
+					<p>
+						We have added support for database adapters including prisma,
+						drizzle and mongo db and other changes.
+					</p>
+				</div>
+				<p className="text-gray-600 dark:text-gray-300 text-[0.855rem]"></p>
+				<div className="flex flex-col gap-2">
+					<h4 className="text-xl tracking-tighter">Changes</h4>
+				</div>
+				<ul className="list-disc ml-10 text-[0.855rem] text-gray-600 dark:text-gray-300">
+					{listOfFeatures.map((change, i) => (
+						<li key={i}>{change}</li>
+					))}
+				</ul>
+				<Badge variant="secondary">
+					🚧 We still in beta and we don't recommend to use better-auth in
+					production just yet.
+				</Badge>
+			</div>
+		</AnimatePresence>
+	);
+};
+export default ChangelogOne;

docs/app/changelogs/_logs/index.ts

@@ -1,3 +1,4 @@
+import ChangeLogTwo from "./2024-09-29";
 import ChangelogOne from "./2024-09-28";
 export const Logs = [
 	{
@@ -5,4 +6,9 @@ export const Logs = [
 		date: "2024-09-28",
 		component: ChangelogOne,
 	},
+	{
+		name: "Changelog 2",
+		date: "2024-09-29",
+		component: ChangeLogTwo,
+	},
 ];

docs/app/changelogs/page.tsx

@@ -5,7 +5,7 @@ const ChangelogPage = () => {
 	return (
 		<div>
 			<div className="mt-10 overflow-visible h-full flex flex-col gap-10">
-				{Logs.map((log) => {
+				{Logs.reverse().map((log) => {
 					return (
 						<div className="relative my-5 h-auto">
 							<div className="sticky top-2 flex-1 h-full">