From 762fb0856821f519eb63ef1c6ce93c28cd15e7e9 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Fri, 23 Jan 2026 21:48:57 +0700
Subject: [PATCH] refactor(FE): Replace hardcoded blue with bg-primary

---
 .../pages/production/uniformity/chart/UniformityBarChart.tsx  | 4 ++--
 .../pages/production/uniformity/form/UniformityForm.tsx       | 4 ++--
 .../uniformity/skeleton/UniformityBarChartSkeleton.tsx        | 2 +-
 .../uniformity/skeleton/UniformityGaugeChartSkeleton.tsx      | 2 +-
 .../uniformity/skeleton/UniformityTableSkeleton.tsx           | 2 +-
 .../pages/report/finance/tab/CustomerPaymentTab.tsx           | 4 ++--
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/pages/production/uniformity/chart/UniformityBarChart.tsx b/src/components/pages/production/uniformity/chart/UniformityBarChart.tsx
index 88d0dc59..82f0085c 100644
--- a/src/components/pages/production/uniformity/chart/UniformityBarChart.tsx
+++ b/src/components/pages/production/uniformity/chart/UniformityBarChart.tsx
@@ -49,7 +49,7 @@ function CustomTooltip({ payload, label, active }: CustomTooltipProps) {
           <div className='flex flex-col gap-2 mt-2'>
             <div className='flex items-center justify-between'>
               <div className='flex items-center gap-2'>
-                <div className='w-5 h-5 bg-[#0069E0] rounded-md'></div>
+                <div className='w-5 h-5 bg-primary rounded-md'></div>
                 <span className='text-sm'>Ideal</span>
               </div>
               <span className='text-sm font-medium'>
@@ -84,7 +84,7 @@ function CustomTooltip({ payload, label, active }: CustomTooltipProps) {
           <p className='m-0 font-bold text-white/50'>Uniformity 2025</p>
           <div className='flex items-center gap-2 mt-2 justify-between'>
             <div className='flex items-center gap-2'>
-              <div className='w-5 h-5 bg-[#0069E0] rounded-md'></div>
+              <div className='w-5 h-5 bg-primary rounded-md'></div>
               <span className='text-sm'>Ideal</span>
             </div>
             <span className='text-sm font-medium'>{chartData.idealRange}</span>
diff --git a/src/components/pages/production/uniformity/form/UniformityForm.tsx b/src/components/pages/production/uniformity/form/UniformityForm.tsx
index 3ae722b2..d7013520 100644
--- a/src/components/pages/production/uniformity/form/UniformityForm.tsx
+++ b/src/components/pages/production/uniformity/form/UniformityForm.tsx
@@ -619,7 +619,7 @@ const UniformityForm = ({
                     <div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
                       <Button
                         type='button'
-                        className='rounded-2xl border border-sky-500 bg-[#0069E0]  text-white'
+                        className='rounded-2xl border border-sky-500 bg-primary  text-white'
                         onClick={(e) => {
                           e.stopPropagation();
                           document.getElementById('file-upload-input')?.click();
@@ -643,7 +643,7 @@ const UniformityForm = ({
                       <div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
                         <Button
                           type='button'
-                          className='rounded-2xl border border-sky-500 bg-[#0069E0]  text-white'
+                          className='rounded-2xl border border-sky-500 bg-primary  text-white'
                           onClick={(e) => {
                             e.stopPropagation();
                             document
diff --git a/src/components/pages/production/uniformity/skeleton/UniformityBarChartSkeleton.tsx b/src/components/pages/production/uniformity/skeleton/UniformityBarChartSkeleton.tsx
index 4cf706f7..123a456a 100644
--- a/src/components/pages/production/uniformity/skeleton/UniformityBarChartSkeleton.tsx
+++ b/src/components/pages/production/uniformity/skeleton/UniformityBarChartSkeleton.tsx
@@ -68,7 +68,7 @@ const EmptyState = () => {
     <>
       <div className='absolute inset-0 flex flex-col items-center justify-center z-10 gap-2'>
         <div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center my-2'>
-          <Button className='rounded-2xl border border-sky-500 bg-[#0069E0]  text-white'>
+          <Button className='rounded-2xl border border-sky-500 bg-primary  text-white'>
             <Icon icon={'heroicons:funnel'} className='text-4xl text-whitd' />
           </Button>
         </div>
diff --git a/src/components/pages/production/uniformity/skeleton/UniformityGaugeChartSkeleton.tsx b/src/components/pages/production/uniformity/skeleton/UniformityGaugeChartSkeleton.tsx
index d9031163..17ed7ee9 100644
--- a/src/components/pages/production/uniformity/skeleton/UniformityGaugeChartSkeleton.tsx
+++ b/src/components/pages/production/uniformity/skeleton/UniformityGaugeChartSkeleton.tsx
@@ -57,7 +57,7 @@ const UniformityGaugeChartSkeleton: React.FC<
           </ResponsiveContainer>
           <div className='absolute inset-x-0 top-24 flex flex-col items-center justify-center'>
             <div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center mt-5'>
-              <Button className='rounded-2xl border border-sky-500 bg-[#0069E0]  text-white'>
+              <Button className='rounded-2xl border border-sky-500 bg-primary  text-white'>
                 <Icon
                   icon={'heroicons:funnel'}
                   className='text-4xl text-whitd'
diff --git a/src/components/pages/production/uniformity/skeleton/UniformityTableSkeleton.tsx b/src/components/pages/production/uniformity/skeleton/UniformityTableSkeleton.tsx
index 8589ab03..b90048a1 100644
--- a/src/components/pages/production/uniformity/skeleton/UniformityTableSkeleton.tsx
+++ b/src/components/pages/production/uniformity/skeleton/UniformityTableSkeleton.tsx
@@ -5,7 +5,7 @@ const UniformityTableSkeleton = () => {
   return (
     <div className='flex flex-col items-center justify-center gap-2 my-20'>
       <div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
-        <Button className='rounded-2xl border border-sky-500 bg-[#0069E0]  text-white'>
+        <Button className='rounded-2xl border border-sky-500 bg-primary  text-white'>
           <Icon
             icon={'heroicons-outline:chart-bar'}
             className='text-4xl text-whitd'
diff --git a/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx b/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx
index e255174d..d2304e61 100644
--- a/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx
+++ b/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx
@@ -763,9 +763,9 @@ const CustomerPaymentTab = () => {
                   wrapper: 'w-full rounded-2xl',
                   body: 'p-0',
                   title:
-                    'py-1.5 px-3 bg-[#0069E0] text-white text-lg font-normal',
+                    'py-1.5 px-3 bg-primary text-white text-lg font-normal',
                   subtitle:
-                    'px-3 pb-1 bg-[#0069E0] text-white text-sm font-normal',
+                    'px-3 pb-1 bg-primary text-white text-sm font-normal',
                 }}
                 variant='bordered'
                 collapsible={true}