make file service add button UI consistant with model management UI

sdcb · sdcb · commit 489aa4a1515f · 2026-02-12T12:49:16.000+08:00
diff --git a/src/FE/pages/admin/file-service/index.tsx b/src/FE/pages/admin/file-service/index.tsx
@@ -7,7 +7,6 @@ import { formatDateTime } from '@/utils/date';
 import { GetFileServicesResult } from '@/types/adminApis';
 import { feFileServiceTypes } from '@/types/file';
 
-import { Button } from '@/components/ui/button';
 import { Card } from '@/components/ui/card';
 import {
   Table,
@@ -18,6 +17,9 @@ import {
   TableRow,
 } from '@/components/ui/table';
 
+import IconActionButton from '@/components/common/IconActionButton';
+import { IconPlus } from '@/components/Icons';
+
 import FileServiceModal from '@/components/admin/Files/FileServiceModal';
 
 import { getFileServices } from '@/apis/adminApis';
@@ -53,15 +55,15 @@ export default function FileService() {
 
   return (
     <>
-      <div className="flex gap-4 mb-4">
-        <Button
+      <div className="flex items-center justify-end mb-4">
+        <IconActionButton
+          label={t('Add File Service')}
+          icon={<IconPlus size={18} />}
+          stopPropagation={false}
           onClick={() => {
             setIsOpen(true);
           }}
-          color="primary"
-        >
-          {t('Add File Service')}
-        </Button>
+        />
       </div>
       <Card>
         <Table>
