a

orval.config.ts

@@ -79,7 +79,8 @@ const orvalConfig = async () => {
             'UserHistory',
             'Approvals',
             'News',
-            'Category'
+            'Category',
+            'NewsPageConfig',
           ]
         }
       }

src/api/models/index.ts

@@ -140,6 +140,7 @@ export * from './putEventsLinkParams';
 export * from './putEventsParams';
 export * from './putFooterParams';
 export * from './putMembershipFeeParams';
+export * from './putNewsPageConfigCategoryIdBody';
 export * from './putNotificationsMarkAsReadParams';
 export * from './putNotificationsParams';
 export * from './putOrderPaymentParams';

src/api/models/putNewsPageConfigCategoryIdBody.ts

+/**
+ * Generated by orval v8.0.0-rc.0 🍺
+ * Do not edit manually.
+ * VCCI
+ * Coded by Meu TEAM
+ * OpenAPI spec version: 1.0.0
+ */
+
+export type PutNewsPageConfigCategoryIdBody = {
+  category_ids?: string[];
+};

src/app/(main)/_lib/layout/header.tsx

@@ -91,7 +91,10 @@ function Header() {
                   "Tin Hội Viên",
                 ]}
               />
-              <MenuItem title="Hoạt động" items={["Sự Kiện", "Đào Tạo"]} />
+              <MenuItem
+                title="Hoạt động"
+                link="hoat-dong"
+                items={["Sự Kiện", "Đào Tạo"]} />
               <MenuItem
                 title="Xuất Xứ Hàng Hóa"
                 link="xuat-xu-hang-hoa"

src/app/(main)/hoat-dong/dao-tao/page.tsx

@@ -4,7 +4,7 @@ import ListCategory from "@app/dai-dien-gioi-chu/components/list-category";
 import { EVENT_CATEGORIES } from "@constants/categories";
 import EventFilter from "@app/dai-dien-gioi-chu/components/event-filter";
 import NewsContent from "@app/dai-dien-gioi-chu/components/card-news";
-import { Pagination} from "@components/base/pagination";
+import { Pagination } from "@components/base/pagination";
 import Image from "next/image";
 import { useGetNews } from "@api/endpoints/news";
 import { GetNewsResponseType } from "@api/types/NewsPage.type";
@@ -17,19 +17,19 @@ export default function Page() {
   const { data: allData } = useGetNews<GetNewsResponseType>({
     pageSize: String(pageSize),
     currentPage: String(page),
-    filters: submitSearch ? `title @=${submitSearch}` : undefined,
+    filters: submitSearch ? `title @=${submitSearch}` : 'category @=Đào tạo',
   });
   return (
     <div className="min-h-screen container mx-auto p-4">
       <div className="w-full flex flex-col gap-5">
-  <ListCategory categories={EVENT_CATEGORIES} />
+        <ListCategory categories={EVENT_CATEGORIES} />
 
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
           {/* Main content */}
           <main className="lg:col-span-2 bg-background ">
             <div className="pb-5 overflow-hidden">
               {allData?.responseData.rows.map((news) => (
-                <NewsContent key={news.id} news={news} link={`${PATHS.event}/dao-tao/${news.id}`}/>
+                <NewsContent key={news.id} news={news} link={`${PATHS.event}/dao-tao/${news.id}`} />
               ))}
 
               <div className="w-full flex justify-center mt-4">

src/app/(main)/hoat-dong/page.tsx

@@ -15,7 +15,7 @@ export default function Page() {
   return (
     <div className="min-h-screen container mx-auto p-4">
       <div className="w-full flex flex-col gap-5">
-  <ListCategory categories={EVENT_CATEGORIES} />
+        <ListCategory categories={EVENT_CATEGORIES} />
       </div>
     </div>
   );

src/app/(main)/hoat-dong/su-kien/page.tsx

@@ -5,7 +5,7 @@ import { EVENT_CATEGORIES } from "@constants/categories";
 import EventFilter from "@app/dai-dien-gioi-chu/components/event-filter";
 import NewsContent from "@app/dai-dien-gioi-chu/components/card-news";
 // ...existing code...
-import { Pagination} from "@components/base/pagination";
+import { Pagination } from "@components/base/pagination";
 import Image from "next/image";
 import { useGetNews } from "@api/endpoints/news";
 import { GetNewsResponseType } from "@api/types/NewsPage.type";
@@ -18,19 +18,19 @@ export default function Page() {
   const { data: allData } = useGetNews<GetNewsResponseType>({
     pageSize: String(pageSize),
     currentPage: String(page),
-    filters: submitSearch ? `title @=${submitSearch}` : undefined,
+    filters: submitSearch ? `title @=${submitSearch}` : 'category @=Sự kiện',
   });
   return (
     <div className="min-h-screen container mx-auto p-4">
       <div className="w-full flex flex-col gap-5">
-  <ListCategory categories={EVENT_CATEGORIES} />
+        <ListCategory categories={EVENT_CATEGORIES} />
 
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
           {/* Main content */}
           <main className="lg:col-span-2 bg-background ">
             <div className="pb-5 overflow-hidden">
               {allData?.responseData.rows.map((news) => (
-                <NewsContent key={news.id} news={news} link={`${PATHS.event}/su-kien/${news.id}`}/>
+                <NewsContent key={news.id} news={news} link={`${PATHS.event}/su-kien/${news.id}`} />
               ))}
 
               <div className="w-full flex justify-center mt-4">

src/app/(main)/hoi-vien/ket-noi-hoi-vien/page.tsx

@@ -16,7 +16,7 @@ export default function Page() {
   const { data: allData, isLoading } = useGetNews<GetNewsResponseType>({
     pageSize: String(pageSize),
     currentPage: String(page),
-    filters: submitSearch ? `title @=${submitSearch}` : undefined,
+    filters: submitSearch ? `title @=${submitSearch}` : `category @=Kết nối hội viên`,
   });
   return (
     <div className="min-h-screen container mx-auto pb-4">
@@ -30,24 +30,24 @@ export default function Page() {
                 <CardNews key={news.id} news={news} />
               ))}
 
-							<div className='w-full flex justify-center mt-4'>
-								<Pagination
-									pageCount={Number(allData?.responseData.totalPages ?? 1)}
-									page={Number(allData?.responseData.currentPage ?? page)}
-									onChangePage={(p) => setPage(p)}
-									onGoToPreviousPage={() => setPage(Math.max(1, page - 1))}
-									onGoToNextPage={() =>
-										setPage(
-											Math.min(
-												Number(allData?.responseData.totalPages ?? 1),
-												page + 1
-											)
-										)
-									}
-								/>
-							</div>
-						</div>
-					</main>
+              <div className='w-full flex justify-center mt-4'>
+                <Pagination
+                  pageCount={Number(allData?.responseData.totalPages ?? 1)}
+                  page={Number(allData?.responseData.currentPage ?? page)}
+                  onChangePage={(p) => setPage(p)}
+                  onGoToPreviousPage={() => setPage(Math.max(1, page - 1))}
+                  onGoToNextPage={() =>
+                    setPage(
+                      Math.min(
+                        Number(allData?.responseData.totalPages ?? 1),
+                        page + 1
+                      )
+                    )
+                  }
+                />
+              </div>
+            </div>
+          </main>
 
           {/* Sidebar */}
           <aside className="space-y-6">

src/app/(main)/hoi-vien/tin-hoi-vien/page.tsx

@@ -16,7 +16,7 @@ export default function Page() {
 	const { data: allData, isLoading } = useGetNews<GetNewsResponseType>({
 		pageSize: String(pageSize),
 		currentPage: String(page),
-		filters: submitSearch ? `title @=${submitSearch}` : undefined,
+		filters: submitSearch ? `title @=${submitSearch}` : 'category @=Tin hội viên',
 	})
 	return (
 		<div className="min-h-screen container mx-auto pb-4">

src/app/(main)/thong-tin-truyen-thong/an-pham/page.tsx

@@ -4,7 +4,7 @@ import ListCategory from "@app/dai-dien-gioi-chu/components/list-category";
 import { MEDIA_INFORMATION_CATEGORIES } from "@constants/categories";
 import EventFilter from "@app/dai-dien-gioi-chu/components/event-filter";
 import NewsContent from "@app/dai-dien-gioi-chu/components/card-news";
-import { Pagination} from "@components/base/pagination";
+import { Pagination } from "@components/base/pagination";
 import Image from "next/image";
 import { useGetNews } from "@api/endpoints/news";
 import { GetNewsResponseType } from "@api/types/NewsPage.type";
@@ -16,12 +16,12 @@ export default function Page() {
   const { data: allData } = useGetNews<GetNewsResponseType>({
     pageSize: String(pageSize),
     currentPage: String(page),
-    filters: submitSearch ? `title @=${submitSearch}` : undefined,
+    filters: submitSearch ? `title @=${submitSearch}` : 'category @=Ấn phẩm',
   });
   return (
     <div className="min-h-screen container mx-auto p-4">
       <div className="w-full flex flex-col gap-5">
-  <ListCategory categories={MEDIA_INFORMATION_CATEGORIES} />
+        <ListCategory categories={MEDIA_INFORMATION_CATEGORIES} />
 
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
           {/* Main content */}

src/app/(main)/thong-tin-truyen-thong/chuyen-de/page.tsx

@@ -5,7 +5,7 @@ import { MEDIA_INFORMATION_CATEGORIES } from "@constants/categories";
 // ...existing code...
 import NewsContent from "@app/dai-dien-gioi-chu/components/card-news";
 import ListFilter from "@app/dai-dien-gioi-chu/components/list-filter";
-import { Pagination} from "@components/base/pagination";
+import { Pagination } from "@components/base/pagination";
 import Image from "next/image";
 import { useGetNews } from "@api/endpoints/news";
 import { GetNewsResponseType } from "@api/types/NewsPage.type";
@@ -17,12 +17,12 @@ export default function Page() {
   const { data: allData } = useGetNews<GetNewsResponseType>({
     pageSize: String(pageSize),
     currentPage: String(page),
-    filters: submitSearch ? `title @=${submitSearch}` : undefined,
+    filters: submitSearch ? `title @=${submitSearch}` : 'category @=Chuyên đề',
   });
   return (
     <div className="min-h-screen container mx-auto p-4">
       <div className="w-full flex flex-col gap-5">
-  <ListCategory categories={MEDIA_INFORMATION_CATEGORIES} />
+        <ListCategory categories={MEDIA_INFORMATION_CATEGORIES} />
 
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
           {/* Main content */}

src/app/(main)/thong-tin-truyen-thong/thong-tin-chinh-sach-va-phap-luat/page.tsx

@@ -5,7 +5,7 @@ import { MEDIA_INFORMATION_CATEGORIES } from "@constants/categories";
 // ...existing code...
 import NewsContent from "@app/dai-dien-gioi-chu/components/card-news";
 import ListFilter from "@app/dai-dien-gioi-chu/components/list-filter";
-import { Pagination} from "@components/base/pagination";
+import { Pagination } from "@components/base/pagination";
 import Image from "next/image";
 import { useGetNews } from "@api/endpoints/news";
 import { GetNewsResponseType } from "@api/types/NewsPage.type";
@@ -18,12 +18,12 @@ export default function Page() {
   const { data: allData } = useGetNews<GetNewsResponseType>({
     pageSize: String(pageSize),
     currentPage: String(page),
-    filters: submitSearch ? `title @=${submitSearch}` : undefined,
+    filters: submitSearch ? `title @=${submitSearch}` : 'category @=Thông tin chính sách và pháp luật',
   });
   return (
     <div className="min-h-screen container mx-auto p-4">
       <div className="w-full flex flex-col gap-5">
-  <ListCategory categories={MEDIA_INFORMATION_CATEGORIES} />
+        <ListCategory categories={MEDIA_INFORMATION_CATEGORIES} />
 
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
           {/* Main content */}

src/app/(main)/thong-tin-truyen-thong/thu-vien-tai-lieu/page.tsx

@@ -4,7 +4,7 @@ import ListCategory from "@app/dai-dien-gioi-chu/components/list-category";
 import { MEDIA_INFORMATION_CATEGORIES } from "@constants/categories";
 // ...existing code...
 import NewsContent from "@app/dai-dien-gioi-chu/components/card-news";
-import { Pagination} from "@components/base/pagination";
+import { Pagination } from "@components/base/pagination";
 import ListFilter from "@app/dai-dien-gioi-chu/components/list-filter";
 import Image from "next/image";
 import { useGetNews } from "@api/endpoints/news";
@@ -18,12 +18,12 @@ export default function Page() {
   const { data: allData } = useGetNews<GetNewsResponseType>({
     pageSize: String(pageSize),
     currentPage: String(page),
-    filters: submitSearch ? `title @=${submitSearch}` : undefined,
+    filters: submitSearch ? `title @=${submitSearch}` : 'category @=Thư viện tài liệu',
   });
   return (
     <div className="min-h-screen container mx-auto p-4">
       <div className="w-full flex flex-col gap-5">
-  <ListCategory categories={MEDIA_INFORMATION_CATEGORIES} />
+        <ListCategory categories={MEDIA_INFORMATION_CATEGORIES} />
 
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
           {/* Main content */}

src/app/(main)/thong-tin-truyen-thong/tin-doanh-nghiep/page.tsx

@@ -5,7 +5,7 @@ import { MEDIA_INFORMATION_CATEGORIES } from "@constants/categories";
 // ...existing code...
 import ListFilter from "@app/dai-dien-gioi-chu/components/list-filter";
 import NewsContent from "@app/dai-dien-gioi-chu/components/card-news";
-import { Pagination} from "@components/base/pagination";
+import { Pagination } from "@components/base/pagination";
 import Image from "next/image";
 import { useGetNews } from "@api/endpoints/news";
 import { GetNewsResponseType } from "@api/types/NewsPage.type";
@@ -18,12 +18,12 @@ export default function Page() {
   const { data: allData } = useGetNews<GetNewsResponseType>({
     pageSize: String(pageSize),
     currentPage: String(page),
-    filters: submitSearch ? `title @=${submitSearch}` : undefined,
+    filters: submitSearch ? `title @=${submitSearch}` : 'category @=Tin doanh nghiệp',
   });
   return (
     <div className="min-h-screen container mx-auto p-4">
       <div className="w-full flex flex-col gap-5">
-  <ListCategory categories={MEDIA_INFORMATION_CATEGORIES} />
+        <ListCategory categories={MEDIA_INFORMATION_CATEGORIES} />
 
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
           {/* Main content */}

src/app/(main)/thong-tin-truyen-thong/tin-kinh-te/page.tsx

@@ -4,7 +4,7 @@ import ListCategory from "@app/dai-dien-gioi-chu/components/list-category";
 import { MEDIA_INFORMATION_CATEGORIES } from "@constants/categories";
 // ...existing code...
 import NewsContent from "@app/dai-dien-gioi-chu/components/card-news";
-import { Pagination} from "@components/base/pagination";
+import { Pagination } from "@components/base/pagination";
 import Image from "next/image";
 import { useGetNews } from "@api/endpoints/news";
 import { GetNewsResponseType } from "@api/types/NewsPage.type";
@@ -17,12 +17,12 @@ export default function Page() {
   const { data: allData } = useGetNews<GetNewsResponseType>({
     pageSize: String(pageSize),
     currentPage: String(page),
-    filters: submitSearch ? `title @=${submitSearch}` : undefined,
+    filters: submitSearch ? `title @=${submitSearch}` : 'category @=Tin kinh tế',
   });
   return (
     <div className="min-h-screen container mx-auto p-4">
       <div className="w-full flex flex-col gap-5">
-  <ListCategory categories={MEDIA_INFORMATION_CATEGORIES} />
+        <ListCategory categories={MEDIA_INFORMATION_CATEGORIES} />
 
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
           {/* Main content */}

src/components/shared/editor-content/AppEditorContent.tsx

@@ -4,24 +4,47 @@ import { AppEditorContentProps } from './AppEditorContent.type';
 import './AppEditorContent.css';
 
 const AppEditorContent: FC<AppEditorContentProps> = ({ value = '', className = '' }) => {
-  const transform = (node: DOMNode): JSX.Element | null => {
-    if (node instanceof Element && node.tagName === 'strong') {
+  const transform = (node: DOMNode): JSX.Element | string | undefined | null => {
+
+    // 1. Xử lý Text Node
+    if (node instanceof Text) {
+      return node.data;
+    }
+
+    if (!(node instanceof Element)) return undefined;
+
+    const tagName = node.tagName.toLowerCase();
+
+    // ✅ FIX LỖI: Ép kiểu (as DOMNode) để Type 'ChildNode' khớp với 'DOMNode'
+    const children = node.children
+      ? node.children.map(child => transform(child as DOMNode))
+      : [];
+
+    // --- LOGIC XỬ LÝ THEO YÊU CẦU ---
+
+    // 2. ✅ Xóa thẻ <img>
+    if (tagName === 'img') {
+      return <></>;
+    }
+
+    // 3. ✅ Xóa thẻ <a> nhưng giữ lại nội dung
+    if (tagName === 'a') {
+      // Trả về children đã được xử lý (làm phẳng thẻ <a>)
+      return <>{children}</>;
+    }
+
+    // 4. ✅ Xử lý thẻ <strong>
+    if (tagName === 'strong') {
       return (
         <strong className="custom-strong">
-          {node.children && Array.isArray(node.children)
-            ? node.children.map((child, index) => {
-              if (typeof child === 'string') {
-                return child;
-              } else if (child instanceof Text) {
-                return child.data;
-              }
-              return null;
-            })
-            : null}
+          {children}
         </strong>
       );
     }
-    return null;
+
+    // 5. ✅ Render các thẻ HTML khác (Fallback)
+    // Trả về undefined để thư viện tự động render các thẻ còn lại (p, div, br,...)
+    return undefined;
   };
 
   return (
@@ -31,4 +54,4 @@ const AppEditorContent: FC<AppEditorContentProps> = ({ value = '', className = '
   );
 };
 
-export default AppEditorContent;
+export default AppEditorContent;
\ No newline at end of file