particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

src: Fix status text color

Browse source 
The `className` for text color was changed in PF6, this updates it in relevant places.
This commit is contained in:
regexowl 2025-07-18 14:48:31 +02:00 • committed by Klara Simickova
parent cdca105c97
commit e657b88bfc
2 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/Components/CreateImageWizard/steps/Repositories/RepositoriesStatus.tsx
View file

@ -66,7 +66,7 @@ const RepositoriesStatus = ({
<Icon status="success"> <Icon status="success">
<CheckCircleIcon /> <CheckCircleIcon />
</Icon>{' '} </Icon>{' '}
<span className="pf-v6-u-font-weight-bold pf-v6-u-success-color-200"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-success">
{repoStatus} {repoStatus}
</span> </span>
</> </>
@ -142,7 +142,7 @@ const RepositoriesStatus = ({
<Icon status="danger"> <Icon status="danger">
<ExclamationCircleIcon /> <ExclamationCircleIcon />
</Icon>{' '} </Icon>{' '}
<span className="pf-v6-u-font-weight-bold pf-v6-u-danger-color-200 failure-button"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-danger failure-button">
{repoStatus} {repoStatus}
</span> </span>
</> </>
@ -152,7 +152,7 @@ const RepositoriesStatus = ({
<Icon status="warning"> <Icon status="warning">
<ExclamationTriangleIcon /> <ExclamationTriangleIcon />
</Icon>{' '} </Icon>{' '}
<span className="pf-v6-u-font-weight-bold pf-v6-u-warning-color-200 failure-button"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-warning failure-button">
{repoStatus} {repoStatus}
</span> </span>
</> </>
@ -165,7 +165,7 @@ const RepositoriesStatus = ({
return ( return (
<> <>
<Spinner isInline />{' '} <Spinner isInline />{' '}
<span className="pf-v6-u-font-weight-bold pf-v6-u-info-color-200"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-info">
{repoStatus} {repoStatus}
</span> </span>
</> </>

20
src/Components/ImagesTable/Status.tsx
View file

@ -238,7 +238,7 @@ export const ExpiringStatus = ({
<Status <Status
icon={statuses['expiring'].icon} icon={statuses['expiring'].icon}
text={ text={
<span className="pf-v6-u-font-weight-bold pf-v6-u-warning-color-200"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-warning">
{text} {text}
</span> </span>
} }
@ -254,7 +254,7 @@ export const ExpiringStatus = ({
<Status <Status
icon={statuses['expiring'].icon} icon={statuses['expiring'].icon}
text={ text={
<span className="pf-v6-u-font-weight-bold pf-v6-u-warning-color-200"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-warning">
{text} {text}
</span> </span>
} }
@ -310,7 +310,7 @@ const statuses = {
</Icon> </Icon>
), ),
text: ( text: (
<span className="pf-v6-u-font-weight-bold pf-v6-u-danger-color-200"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-danger">
Image build failed Image build failed
</span> </span>
), ),
@ -326,7 +326,7 @@ const statuses = {
building: { building: {
icon: <Spinner isInline />, icon: <Spinner isInline />,
text: ( text: (
<span className="pf-v6-u-font-weight-bold pf-v6-u-info-color-200"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-info">
Image build in progress Image build in progress
</span> </span>
), ),
@ -335,7 +335,7 @@ const statuses = {
uploading: { uploading: {
icon: <Spinner isInline />, icon: <Spinner isInline />,
text: ( text: (
<span className="pf-v6-u-font-weight-bold pf-v6-u-info-color-200"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-info">
Image upload in progress Image upload in progress
</span> </span>
), ),
@ -344,7 +344,7 @@ const statuses = {
registering: { registering: {
icon: <Spinner isInline />, icon: <Spinner isInline />,
text: ( text: (
<span className="pf-v6-u-font-weight-bold pf-v6-u-info-color-200"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-info">
Cloud registration in progress Cloud registration in progress
</span> </span>
), ),
@ -353,7 +353,7 @@ const statuses = {
running: { running: {
icon: <Spinner isInline />, icon: <Spinner isInline />,
text: ( text: (
<span className="pf-v6-u-font-weight-bold pf-v6-u-info-color-200"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-info">
Running Running
</span> </span>
), ),
@ -366,7 +366,7 @@ const statuses = {
</Icon> </Icon>
), ),
text: ( text: (
<span className="pf-v6-u-font-weight-bold pf-v6-u-success-color-200"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-success">
Ready Ready
</span> </span>
), ),
@ -392,7 +392,7 @@ const statuses = {
</Icon> </Icon>
), ),
text: ( text: (
<span className="pf-v6-u-font-weight-bold pf-v6-u-danger-color-200"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-danger">
Sharing image failed Sharing image failed
</span> </span>
), ),
@ -405,7 +405,7 @@ const statuses = {
</Icon> </Icon>
), ),
text: ( text: (
<span className="pf-v6-u-font-weight-bold pf-v6-u-danger-color-200"> <span className="pf-v6-u-font-weight-bold pf-v6-u-text-color-status-danger">
Failure sharing Failure sharing
</span> </span>
), ),