Enhance tag fetching functionality by adding search capability in getTags action. Update TagRepositoryInput to include optional search parameter. Refactor ArticlePage component imports for better organization and clarity.

Author: kingRayhan

src/app/[username]/[articleHandle]/page.tsx

@@ -1,18 +1,18 @@
 import HomeLeftSidebar from "@/app/(home)/_components/HomeLeftSidebar";
+import { persistenceRepository } from "@/backend/persistence-repositories";
+import { eq } from "@/backend/persistence/persistence-where-operator";
 import * as articleActions from "@/backend/services/article.actions";
 import AppImage from "@/components/AppImage";
-import type { Article, WithContext } from "schema-dts";
 import HomepageLayout from "@/components/layout/HomepageLayout";
 import { readingTime, removeMarkdownSyntax } from "@/lib/utils";
+import getFileUrl from "@/utils/getFileUrl";
 import { markdocParser } from "@/utils/markdoc-parser";
-import { Metadata, NextPage, ResolvingMetadata } from "next";
+import { Metadata, NextPage } from "next";
 import Image from "next/image";
 import Link from "next/link";
 import { notFound } from "next/navigation";
+import type { Article, WithContext } from "schema-dts";
 import ArticleSidebar from "./_components/ArticleSidebar";
-import getFileUrl from "@/utils/getFileUrl";
-import { persistenceRepository } from "@/backend/persistence-repositories";
-import { eq } from "@/backend/persistence/persistence-where-operator";
 
 interface ArticlePageProps {
   params: Promise<{

src/app/test/page.tsx

@@ -2,7 +2,7 @@ import { getTags } from "@/backend/services/tag.action";
 import React from "react";
 
 const Page = async () => {
-  const tags = await getTags({ page: 1, limit: -1 });
+  const tags = await getTags({ page: 1, limit: -1, search: "ww" });
   return <pre className="p-10">{JSON.stringify(tags, null, 2)}</pre>;
 };
 

src/backend/persistence/persistence-contracts.ts

@@ -61,7 +61,7 @@ export interface IPersistenceJoin {
   columns: string[];
 }
 
-export interface IPersistentPaginationPayload<T, U = any> {
+export interface IPersistentPaginationPayload<T> {
   where?: WhereCondition<T>;
   joins?: IPersistenceJoin[];
   orderBy?: Array<IPersistentOrderBy<T>>;

src/backend/persistence/persistence.repository.ts

@@ -16,6 +16,7 @@ import {
   toSnakeCase,
 } from "./persistence-utils";
 import { removeNullOrUndefinedFromObject } from "@/lib/utils";
+import { and } from "./persistence-where-operator";
 
 export class PersistentRepository<DOMAIN_MODEL_TYPE> {
   constructor(
@@ -67,6 +68,7 @@ export class PersistentRepository<DOMAIN_MODEL_TYPE> {
       payload.columns
         ?.map((col) => `${this.tableName}.${col.toString()}`)
         .join(",") ?? `${this.tableName}.*`;
+
     const { whereClause, values } = buildWhereClause(payload.where);
     const orderByClause = buildOrderByClause(payload?.orderBy);
     const { joinConditionClause, joinSelectClause } = buildJoinClause(

src/backend/services/inputs/tag.input.ts

@@ -1,10 +1,10 @@
-import { color } from "@cloudinary/url-gen/qualifiers/background";
 import { z } from "zod";
 
 export const TagRepositoryInput = {
   findAllInput: z.object({
     page: z.number().default(1),
     limit: z.number().default(10),
+    search: z.string().optional().nullable(),
   }),
   createInput: z.object({
     name: z.string(),

src/backend/services/tag.action.ts

@@ -4,6 +4,7 @@ import { z } from "zod";
 import { persistenceRepository } from "../persistence-repositories";
 import { TagRepositoryInput } from "./inputs/tag.input";
 import { handleRepositoryException } from "./RepositoryException";
+import { like } from "../persistence/persistence-where-operator";
 
 export const getTags = async (
   _input: z.infer<typeof TagRepositoryInput.findAllInput>
@@ -13,6 +14,7 @@ export const getTags = async (
     return persistenceRepository.tags.findAllWithPagination({
       page: input.page,
       limit: input.limit,
+      where: input.search ? like("name", `%${input.search}%`) : undefined,
     });
   } catch (error) {
     handleRepositoryException(error);