From 1e082a20cc50f73ab9a80de6807d0f0505185d42 Mon Sep 17 00:00:00 2001
From: Firman Ramdhani <33869609+firmanramdhani@users.noreply.github.com>
Date: Thu, 23 Jul 2026 18:38:30 +0700
Subject: [PATCH] refactor: replace icons and adjust text sizes in SummaryPanel
 component

---
 .../summary-pannel.tsx                         | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/ui/src/foundations/enterprise-module/components/bulk-action-confirmation/summary-pannel.tsx b/packages/ui/src/foundations/enterprise-module/components/bulk-action-confirmation/summary-pannel.tsx
index 09f8f56..c80416b 100644
--- a/packages/ui/src/foundations/enterprise-module/components/bulk-action-confirmation/summary-pannel.tsx
+++ b/packages/ui/src/foundations/enterprise-module/components/bulk-action-confirmation/summary-pannel.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Paper, Stack, Group, ThemeIcon, Text, SimpleGrid, ScrollArea } from '@mantine/core';
-import { Info, Check, X } from 'lucide-react'; // Atau tabler-icons, sesuaikan dengan library Anda
+import { Info, CircleCheck, XCircle } from 'lucide-react';
 
 export interface AggregatedResult {
   totalItems: number;
@@ -30,11 +30,11 @@ const SummaryPanel = React.memo(function SummaryPanel({
                 <ThemeIcon variant="transparent" color="blue.7" size="sm">
                   <Info size={16} strokeWidth={2.5} />
                 </ThemeIcon>
-                <Text size="xs" fw={600} c="blue.9">
+                <Text size="sm" fw={600} c="blue.9">
                   {t('common:bulkAction.totalData')}
                 </Text>
               </Group>
-              <Text size="sm" fw={700} c="blue.9">
+              <Text size="md" fw={700} c="blue.9">
                 {result.totalItems}
               </Text>
             </Group>
@@ -45,13 +45,13 @@ const SummaryPanel = React.memo(function SummaryPanel({
             <Group gap="xs" justify="space-between" wrap="nowrap">
               <Group gap={6} wrap="nowrap">
                 <ThemeIcon variant="transparent" color="green.7" size="sm">
-                  <Check size={16} strokeWidth={2.5} />
+                  <CircleCheck size={16} strokeWidth={2.5} />
                 </ThemeIcon>
-                <Text size="xs" fw={600} c="green.9">
+                <Text size="sm" fw={600} c="green.9">
                   {t('common:bulkAction.totalSuccess')}
                 </Text>
               </Group>
-              <Text size="sm" fw={700} c="green.9">
+              <Text size="md" fw={700} c="green.9">
                 {result.totalSuccess}
               </Text>
             </Group>
@@ -62,13 +62,13 @@ const SummaryPanel = React.memo(function SummaryPanel({
             <Group gap="xs" justify="space-between" wrap="nowrap">
               <Group gap={6} wrap="nowrap">
                 <ThemeIcon variant="transparent" color="red.7" size="sm">
-                  <X size={16} strokeWidth={2.5} />
+                  <XCircle size={16} strokeWidth={2.5} />
                 </ThemeIcon>
-                <Text size="xs" fw={600} c="red.9">
+                <Text size="sm" fw={600} c="red.9">
                   {t('common:bulkAction.totalFailed')}
                 </Text>
               </Group>
-              <Text size="sm" fw={700} c="red.9">
+              <Text size="md" fw={700} c="red.9">
                 {result.totalFailed}
               </Text>
             </Group>