From 17e1feb7d13779aec2a826acb41812bd2a0f1c4d Mon Sep 17 00:00:00 2001
From: Nawin <nawinsharma60@gmail.com>
Date: Sun, 6 Oct 2024 01:13:31 +0530
Subject: [PATCH 1/5] chore: update the theme of dropdown menu on articles page
 (for dark mode)

---
 app/(app)/articles/_client.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/app/(app)/articles/_client.tsx b/app/(app)/articles/_client.tsx
index b683c818..b357f3b9 100644
--- a/app/(app)/articles/_client.tsx
+++ b/app/(app)/articles/_client.tsx
@@ -79,11 +79,10 @@ const ArticlesPage = () => {
             <select
               id="filter"
               name="filter"
-              className="mt-2 block w-full rounded border-neutral-300 py-1 pl-3 pr-10 text-sm leading-6 focus:ring-2 focus:ring-pink-600 dark:border-neutral-600"
+              className="mt-2 dark:bg-neutral-800 block w-full rounded border-neutral-300 py-1 pl-3 pr-10 text-sm leading-6 focus:ring-2 focus:ring-pink-600 dark:border-neutral-600"
               onChange={(e) => {
                 router.push(
-                  `/articles?filter=${e.target.value}${
-                    tag ? `&tag=${tag}` : ""
+                  `/articles?filter=${e.target.value}${tag ? `&tag=${tag}` : ""
                   }`,
                 );
               }}

From 79135daa2b3a2e4c4a85d8afaf4a6a057a2d13bc Mon Sep 17 00:00:00 2001
From: Nawin <nawinsharma60@gmail.com>
Date: Sun, 6 Oct 2024 02:19:35 +0530
Subject: [PATCH 2/5] chore: fix dark mode theme in profile page

---
 components/Tabs/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Tabs/index.tsx b/components/Tabs/index.tsx
index d26b09a4..60a516e9 100644
--- a/components/Tabs/index.tsx
+++ b/components/Tabs/index.tsx
@@ -29,7 +29,7 @@ export function Tabs(props: Props) {
         <select
           id="tabs"
           name="tabs"
-          className="block w-full rounded-md border-neutral-300 focus:border-neutral-500 focus:ring-neutral-500"
+          className="block w-full bg-white dark:bg-neutral-900 rounded-md border-neutral-300 focus:border-neutral-500 focus:ring-neutral-500"
           defaultValue={tabs.find((tab) => tab.current)?.name || tabs[0].name}
           onChange={(e) => {
             router.push(e.target.value);

From 17cf5c709368e7860cc33e4542689912ea2ecbbb Mon Sep 17 00:00:00 2001
From: Nawin <nawinsharma60@gmail.com>
Date: Sun, 6 Oct 2024 02:38:07 +0530
Subject: [PATCH 3/5] format the files

---
 app/(app)/articles/_client.tsx                | 5 +++--
 app/(app)/create/[[...paramsArr]]/_client.tsx | 2 +-
 components/Tabs/index.tsx                     | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/(app)/articles/_client.tsx b/app/(app)/articles/_client.tsx
index b357f3b9..62f762aa 100644
--- a/app/(app)/articles/_client.tsx
+++ b/app/(app)/articles/_client.tsx
@@ -79,10 +79,11 @@ const ArticlesPage = () => {
             <select
               id="filter"
               name="filter"
-              className="mt-2 dark:bg-neutral-800 block w-full rounded border-neutral-300 py-1 pl-3 pr-10 text-sm leading-6 focus:ring-2 focus:ring-pink-600 dark:border-neutral-600"
+              className="mt-2 block w-full rounded border-neutral-300 py-1 pl-3 pr-10 text-sm leading-6 focus:ring-2 focus:ring-pink-600 dark:border-neutral-600 dark:bg-neutral-800"
               onChange={(e) => {
                 router.push(
-                  `/articles?filter=${e.target.value}${tag ? `&tag=${tag}` : ""
+                  `/articles?filter=${e.target.value}${
+                    tag ? `&tag=${tag}` : ""
                   }`,
                 );
               }}
diff --git a/app/(app)/create/[[...paramsArr]]/_client.tsx b/app/(app)/create/[[...paramsArr]]/_client.tsx
index 36c36553..0258e75d 100644
--- a/app/(app)/create/[[...paramsArr]]/_client.tsx
+++ b/app/(app)/create/[[...paramsArr]]/_client.tsx
@@ -638,7 +638,7 @@ const Create = ({ session }: { session: Session }) => {
                 <div className="h-full px-4 py-0 sm:px-6 lg:px-4 lg:py-6 ">
                   {/* Start main area*/}
                   <div className="relative h-full">
-                    <div className="bg-white text-white shadow dark:bg-neutral-900">
+                    <div className="bg-white text-black shadow dark:bg-neutral-900 dark:text-white">
                       {viewPreview ? (
                         <section className="mx-auto max-w-xl px-4 py-6 pb-4 sm:p-6 lg:pb-8">
                           <article
diff --git a/components/Tabs/index.tsx b/components/Tabs/index.tsx
index 60a516e9..b046a81e 100644
--- a/components/Tabs/index.tsx
+++ b/components/Tabs/index.tsx
@@ -29,7 +29,7 @@ export function Tabs(props: Props) {
         <select
           id="tabs"
           name="tabs"
-          className="block w-full bg-white dark:bg-neutral-900 rounded-md border-neutral-300 focus:border-neutral-500 focus:ring-neutral-500"
+          className="block w-full rounded-md border-neutral-300 bg-white focus:border-neutral-500 focus:ring-neutral-500 dark:bg-neutral-900"
           defaultValue={tabs.find((tab) => tab.current)?.name || tabs[0].name}
           onChange={(e) => {
             router.push(e.target.value);

From eed987b2ccd9cbf507c93c17bc8b8242354ae05f Mon Sep 17 00:00:00 2001
From: Nawin <nawinsharma60@gmail.com>
Date: Sun, 6 Oct 2024 02:41:33 +0530
Subject: [PATCH 4/5] fix: lint of profile page

---
 app/(app)/[username]/_usernameClient.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/(app)/[username]/_usernameClient.tsx b/app/(app)/[username]/_usernameClient.tsx
index 6fbf2c6d..bfe9cda7 100644
--- a/app/(app)/[username]/_usernameClient.tsx
+++ b/app/(app)/[username]/_usernameClient.tsx
@@ -88,7 +88,7 @@ const Profile = ({ profile, isOwner, session }: Props) => {
 
   return (
     <>
-      <div className="text-900 mx-auto max-w-2xl px-4 dark:text-white">
+      <div className="text-900 mx-auto max-w-2xl px-4 text-black dark:text-white">
         <main className="pt-6 sm:flex">
           <div className="mr-4 flex-shrink-0 self-center">
             {image && (
@@ -124,7 +124,7 @@ const Profile = ({ profile, isOwner, session }: Props) => {
             <h1>Account locked 🔒</h1>
           </div>
         ) : (
-          <div className="mx-auto mt-4 sm:max-w-2xl lg:max-w-5xl">
+          <div className="mx-auto mt-4 dark:bg-neutral-900 sm:max-w-2xl lg:max-w-5xl">
             <Tabs tabs={tabs} />
           </div>
         )}

From 302e1e95d4f133a2406fb90f90f5fc85401e26a4 Mon Sep 17 00:00:00 2001
From: Nawin <nawinsharma60@gmail.com>
Date: Sun, 6 Oct 2024 02:52:54 +0530
Subject: [PATCH 5/5] feat: Auto-apply markdown features on editor: Enable
 WYSIWYG

---
 components/editor/editor/index.tsx | 12 +++++++++---
 package-lock.json                  | 14 ++++++++++++++
 package.json                       |  1 +
 3 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/components/editor/editor/index.tsx b/components/editor/editor/index.tsx
index efee735c..0bab16e9 100644
--- a/components/editor/editor/index.tsx
+++ b/components/editor/editor/index.tsx
@@ -1,12 +1,15 @@
 "use client";
 
-import { useEditor, EditorContent } from "@tiptap/react";
+import Highlight from '@tiptap/extension-highlight'
+import Typography from '@tiptap/extension-typography'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
 import { TiptapEditorProps } from "./props";
 import { CustomCodeBlockEdit, TiptapExtensions } from "./extensions";
 import { EditorBubbleMenu } from "./components/bubble-menu";
 import { MediaResizer } from "./components/image-resizer";
 import Toolbar from "./components/Toolbar/Toolbar";
- 
+
 interface EditorProps {
   initialValue: string;
   onChange: (value: string) => void;
@@ -14,7 +17,10 @@ interface EditorProps {
 
 export default function Editor({ onChange, initialValue }: EditorProps) {
   const editor = useEditor({
-    extensions: [...TiptapExtensions, CustomCodeBlockEdit],
+    extensions: [
+      StarterKit,
+      Highlight,
+      Typography],
     editorProps: TiptapEditorProps,
     content: JSON.parse(initialValue),
     onUpdate: (e) => {
diff --git a/package-lock.json b/package-lock.json
index f2e422e4..74f74def 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -43,6 +43,7 @@
         "@tiptap/extension-table-row": "^2.6.6",
         "@tiptap/extension-text-align": "^2.6.6",
         "@tiptap/extension-text-style": "^2.3.1",
+        "@tiptap/extension-typography": "^2.8.0",
         "@tiptap/extension-underline": "^2.6.6",
         "@tiptap/extension-youtube": "^2.6.6",
         "@tiptap/pm": "^2.5.1",
@@ -10104,6 +10105,19 @@
         "@tiptap/core": "^2.6.6"
       }
     },
+    "node_modules/@tiptap/extension-typography": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-typography/-/extension-typography-2.8.0.tgz",
+      "integrity": "sha512-g+tbUba6cHbz62rLlmAdXw3GqBfZBVnYXtRqnQzTTPgb8a00+vEoUWA3sNyloq8FhfKFYcMWQDiqaVDqmity+w==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
     "node_modules/@tiptap/extension-underline": {
       "version": "2.6.6",
       "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-2.6.6.tgz",
diff --git a/package.json b/package.json
index 219e9752..e8ba78ad 100644
--- a/package.json
+++ b/package.json
@@ -59,6 +59,7 @@
     "@tiptap/extension-table-row": "^2.6.6",
     "@tiptap/extension-text-align": "^2.6.6",
     "@tiptap/extension-text-style": "^2.3.1",
+    "@tiptap/extension-typography": "^2.8.0",
     "@tiptap/extension-underline": "^2.6.6",
     "@tiptap/extension-youtube": "^2.6.6",
     "@tiptap/pm": "^2.5.1",