Refactor article retrieval logic by removing unused columns in queries and updating the ArticleTag join to include additional fields. Enhance ArticleEditorDrawer to display article data for better debugging during editing.

Author: kingRayhan

src/app/(dashboard-editor)/dashboard/articles/[uuid]/page.tsx

@@ -24,7 +24,6 @@ const page: React.FC<Props> = async ({ params }) => {
   const [article] = await persistenceRepository.article.findRows({
     limit: 1,
     where: and(eq("id", _params.uuid), eq("author_id", sessionUserId)),
-    columns: ["id", "title", "handle"],
     joins: [
       leftJoin<Article, User>({
         as: "author",
@@ -38,14 +37,13 @@ const page: React.FC<Props> = async ({ params }) => {
 
   const aggregatedTags = await persistenceRepository.articleTag.findRows({
     where: inArray("article_id", [article.id]),
-    columns: ["tag_id", "article_id"],
     joins: [
       leftJoin<ArticleTag, Tag>({
         as: "tag",
         joinTo: "tags",
         localField: "tag_id",
         foreignField: "id",
-        columns: ["id", "name", "created_at"],
+        columns: ["id", "name", "color", "icon", "description"],
       }),
     ],
   });

src/backend/services/article.actions.ts

@@ -231,11 +231,6 @@ export async function updateMyArticle(
         metadata: input.metadata,
       },
     });
-    // a 1, t 1
-    // a 1, t 2
-    // a 1, t 3
-
-    // a-> (2,3,4)
 
     if (input.tag_ids) {
       await persistenceRepository.articleTag.deleteRows({
@@ -443,13 +438,13 @@ export async function articleDetailByHandle(article_handle: string) {
           foreignField: "id",
           columns: ["id", "name", "username", "profile_photo"],
         }),
-        manyToManyJoin<Article, Tag>({
-          as: "tags",
-          pivotTable: DatabaseTableName.article_tag,
-          localField: "id",
-          foreignField: "id",
-          columns: ["id", "name", "icon", "color", "description"],
-        }),
+        // manyToManyJoin<Article, Tag>({
+        //   as: "tags",
+        //   pivotTable: DatabaseTableName.article_tag,
+        //   localField: "id",
+        //   foreignField: "id",
+        //   columns: ["id", "name", "icon", "color", "description"],
+        // }),
       ],
       limit: 1,
     });

src/components/Editor/ArticleEditorDrawer.tsx

@@ -109,7 +109,7 @@ const ArticleEditorDrawer: React.FC<Props> = ({ article, open, onClose }) => {
               className="flex flex-col gap-2"
             >
               {/* {JSON.stringify(form.formState.errors)} */}
-
+              <pre>{JSON.stringify(article, null, 2)}</pre>
               <FormField
                 control={form.control}
                 name="handle"