From b91e8d249d71b1745db995c5116302c32561dd54 Mon Sep 17 00:00:00 2001
From: Anang Yusman <anangyusman23@gmail.com>
Date: Wed, 8 Jan 2025 11:02:51 +0800
Subject: [PATCH] fix:bug generate article

---
 components/form/content/audio-form.tsx | 4 ++--
 components/form/content/image-form.tsx | 4 ++--
 components/form/content/teks-form.tsx  | 4 ++--
 components/form/content/video-form.tsx | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/form/content/audio-form.tsx b/components/form/content/audio-form.tsx
index 03274b48..32e3c1bc 100644
--- a/components/form/content/audio-form.tsx
+++ b/components/form/content/audio-form.tsx
@@ -879,7 +879,7 @@ export default function FormAudio() {
                     {isGeneratedArticle && (
                       <div className="mt-3 pb-0 flex flex-row ">
                         {articleIds.map((id: string, index: number) => (
-                          <button
+                          <p
                             key={index}
                             className={`mr-3 px-3 py-2 rounded-md ${
                               selectedArticleId === id
@@ -889,7 +889,7 @@ export default function FormAudio() {
                             onClick={() => handleArticleIdClick(id)}
                           >
                             {id}
-                          </button>
+                          </p>
                         ))}
                       </div>
                     )}
diff --git a/components/form/content/image-form.tsx b/components/form/content/image-form.tsx
index 21a90765..8a172700 100644
--- a/components/form/content/image-form.tsx
+++ b/components/form/content/image-form.tsx
@@ -890,7 +890,7 @@ export default function FormImage() {
                     {isGeneratedArticle && (
                       <div className="mt-3 pb-0 flex flex-row">
                         {articleIds.map((id: string, index: number) => (
-                          <button
+                          <p
                             key={index}
                             className={`mr-3 px-3 py-2 rounded-md ${
                               selectedArticleId === id
@@ -900,7 +900,7 @@ export default function FormImage() {
                             onClick={() => handleArticleIdClick(id)}
                           >
                             {id}
-                          </button>
+                          </p>
                         ))}
                       </div>
                     )}
diff --git a/components/form/content/teks-form.tsx b/components/form/content/teks-form.tsx
index b380015e..dfa9cb77 100644
--- a/components/form/content/teks-form.tsx
+++ b/components/form/content/teks-form.tsx
@@ -879,7 +879,7 @@ export default function FormTeks() {
                     {isGeneratedArticle && (
                       <div className="mt-3 pb-0 flex flex-row ">
                         {articleIds.map((id: string, index: number) => (
-                          <button
+                          <p
                             key={index}
                             className={`mr-3 px-3 py-2 rounded-md ${
                               selectedArticleId === id
@@ -889,7 +889,7 @@ export default function FormTeks() {
                             onClick={() => handleArticleIdClick(id)}
                           >
                             {id}
-                          </button>
+                          </p>
                         ))}
                       </div>
                     )}
diff --git a/components/form/content/video-form.tsx b/components/form/content/video-form.tsx
index 27e76cf3..e6abfd6a 100644
--- a/components/form/content/video-form.tsx
+++ b/components/form/content/video-form.tsx
@@ -879,7 +879,7 @@ export default function FormVideo() {
                     {isGeneratedArticle && (
                       <div className="mt-3 pb-0 flex flex-row ">
                         {articleIds.map((id: string, index: number) => (
-                          <button
+                          <p
                             key={index}
                             className={`mr-3 px-3 py-2 rounded-md ${
                               selectedArticleId === id
@@ -889,7 +889,7 @@ export default function FormVideo() {
                             onClick={() => handleArticleIdClick(id)}
                           >
                             {id}
-                          </button>
+                          </p>
                         ))}
                       </div>
                     )}