jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): update icon in health modal refresh button

Browse source 
Replace the string-based icon reference 'arrow-repeat' with the React
component <RefreshCcw size={18} /> from lucide-react. Also fix indentation
in the category mapping section for better code organization.

Signed-off-by: Shekar Siri <sshekarsiri@gmail.com>
This commit is contained in:
Shekar Siri 2025-03-05 11:26:40 +01:00
parent e174a11466
commit 927f96cb79
1 changed files with 14 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
frontend/app/components/Header/HealthStatus/HealthModal/HealthModal.tsx
View file

@ -8,6 +8,7 @@ import { getHighest } from 'App/constants/zindex';
import Category from 'Components/Header/HealthStatus/ServiceCategory';
import SubserviceHealth from 'Components/Header/HealthStatus/SubserviceHealth/SubserviceHealth';
import { IServiceStats } from '../HealthStatus';
import { RefreshCcw } from 'lucide-react';
function HealthModal({
getHealth,
@ -81,7 +82,7 @@ function HealthModal({
<Button
disabled={isLoading}
onClick={getHealth}
icon={'arrow-repeat'}
icon={<RefreshCcw size={18} />}
type={'text'}
className={'text-main'}
>
@ -97,18 +98,18 @@ function HealthModal({
{isLoading
? null
: Object.keys(healthResponse.healthMap).map((service) => (
<React.Fragment key={service}>
<Category
onClick={() => setSelectedService(service)}
healthOk={
healthResponse.healthMap[service].healthOk
}
name={healthResponse.healthMap[service].name}
isSelectable
isSelected={selectedService === service}
/>
</React.Fragment>
))}
<React.Fragment key={service}>
<Category
onClick={() => setSelectedService(service)}
healthOk={
healthResponse.healthMap[service].healthOk
}
name={healthResponse.healthMap[service].name}
isSelectable
isSelected={selectedService === service}
/>
</React.Fragment>
))}
</div>
<div
className={