refactor(FE): Replace hardcoded blue with bg-primary

This commit is contained in:
rstubryan
2026-01-23 21:48:57 +07:00
parent b7c0a80a04
commit 762fb08568
6 changed files with 9 additions and 9 deletions
@@ -49,7 +49,7 @@ function CustomTooltip({ payload, label, active }: CustomTooltipProps) {
<div className='flex flex-col gap-2 mt-2'> <div className='flex flex-col gap-2 mt-2'>
<div className='flex items-center justify-between'> <div className='flex items-center justify-between'>
<div className='flex items-center gap-2'> <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> <span className='text-sm'>Ideal</span>
</div> </div>
<span className='text-sm font-medium'> <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> <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 mt-2 justify-between'>
<div className='flex items-center gap-2'> <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> <span className='text-sm'>Ideal</span>
</div> </div>
<span className='text-sm font-medium'>{chartData.idealRange}</span> <span className='text-sm font-medium'>{chartData.idealRange}</span>
@@ -619,7 +619,7 @@ const UniformityForm = ({
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'> <div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
<Button <Button
type='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) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
document.getElementById('file-upload-input')?.click(); 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'> <div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
<Button <Button
type='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) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
document document
@@ -68,7 +68,7 @@ const EmptyState = () => {
<> <>
<div className='absolute inset-0 flex flex-col items-center justify-center z-10 gap-2'> <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'> <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' /> <Icon icon={'heroicons:funnel'} className='text-4xl text-whitd' />
</Button> </Button>
</div> </div>
@@ -57,7 +57,7 @@ const UniformityGaugeChartSkeleton: React.FC<
</ResponsiveContainer> </ResponsiveContainer>
<div className='absolute inset-x-0 top-24 flex flex-col items-center justify-center'> <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'> <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
icon={'heroicons:funnel'} icon={'heroicons:funnel'}
className='text-4xl text-whitd' className='text-4xl text-whitd'
@@ -5,7 +5,7 @@ const UniformityTableSkeleton = () => {
return ( return (
<div className='flex flex-col items-center justify-center gap-2 my-20'> <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'> <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
icon={'heroicons-outline:chart-bar'} icon={'heroicons-outline:chart-bar'}
className='text-4xl text-whitd' className='text-4xl text-whitd'
@@ -763,9 +763,9 @@ const CustomerPaymentTab = () => {
wrapper: 'w-full rounded-2xl', wrapper: 'w-full rounded-2xl',
body: 'p-0', body: 'p-0',
title: 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: 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' variant='bordered'
collapsible={true} collapsible={true}