@@ -132,9 +132,9 @@ const PermitConditions: FC<PermitConditionProps> = ({
132
132
) ;
133
133
134
134
const PERMIT_CONDITION_STATUS = {
135
- complete : { icon : faCheckCircle , color : "#45a766 " , text : "Complete" } ,
136
- in_progress : { icon : faClock , color : COLOR . violet , text : "In Progress" } ,
137
- not_started : { icon : faBan , color : "#bbb " , text :"Not Started" }
135
+ complete : { icon : faCheckCircle , color : "color-success " , text : "Complete" } ,
136
+ in_progress : { icon : faClock , color : "color-primary" , text : "In Progress" } ,
137
+ not_started : { icon : faBan , color : "color-gov-grey " , text :"Not Started" }
138
138
}
139
139
140
140
const getPermitConditionCategories = ( categories , conditions ) => {
@@ -197,7 +197,7 @@ const PermitConditions: FC<PermitConditionProps> = ({
197
197
198
198
return {
199
199
href : cat . condition_category_code . toLowerCase ( ) . replace ( "-" , "" ) ,
200
- icon : < FontAwesomeIcon icon = { status . icon } style = { { color : status . color , fontSize : "20px" } } /> ,
200
+ icon : < FontAwesomeIcon icon = { status . icon } className = { status . color } style = { { fontSize : "20px" } } /> ,
201
201
title : (
202
202
< Typography . Text style = { { fontSize : "16px" , fontWeight : "600" } } >
203
203
{ formatPermitConditionStep ( cat . step ) }
0 commit comments