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,7 +17,7 @@ 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">
@@ -29,7 +29,7 @@ export default function Page() {
           <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/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,7 +18,7 @@ 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">
@@ -30,7 +30,7 @@ export default function Page() {
           <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">

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,7 +16,7 @@ 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">

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,7 +17,7 @@ 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">

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,7 +18,7 @@ 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">

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,7 +18,7 @@ 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">

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,7 +18,7 @@ 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">

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,7 +17,7 @@ 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">

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 (