fix(Bonus Pagamenti Digitali): [#176137613] Warning banner shows a wr…

…ong icon (#2578) * [#176094126] Adds more info when missing transactions * [#176094126] Minor fixes * [#176137613] fix * [#176137613] use vector icons * [#176094126] Reworks * [#176094126] Fixes import * [#176094126] fixes tests * [#176137613] remove useless style Co-authored-by: CrisTofani <[email protected]>
pagopa · Dec 14, 2020 · e407fa0 · e407fa0
1 parent 99a9209
commit e407fa0
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/ts/components/SectionStatusComponent.tsx b/ts/components/SectionStatusComponent.tsx
@@ -31,6 +31,7 @@ const styles = StyleSheet.create({
     alignItems: "flex-start",
     alignContent: "center"
   },
+  alignCenter: { alignSelf: "center" },
   text: { marginLeft: 16, flex: 1 }
 });
 
@@ -42,8 +43,8 @@ export const statusColorMap: Record<SectionStatus["level"], string> = {
 
 const statusIconMap: Record<SectionStatus["level"], string> = {
   normal: "io-complete",
-  critical: "io-notice",
-  warning: "io-notice"
+  critical: "io-warning",
+  warning: "io-info"
 };
 const iconSize = 24;
 const color = IOColors.white;
@@ -70,7 +71,6 @@ const SectionStatusComponent: React.FC<Props> = (props: Props) => {
   }
 
   const sectionStatus = props.sectionStatus;
-
   const iconName = statusIconMap[sectionStatus.level];
   const backgroundColor = statusColorMap[sectionStatus.level];
   const locale = getSectionMessageLocale();
@@ -84,7 +84,7 @@ const SectionStatusComponent: React.FC<Props> = (props: Props) => {
           name={iconName}
           size={iconSize}
           color={color}
-          style={{ alignSelf: "center" }}
+          style={styles.alignCenter}
         />
         <Label color={"white"} style={styles.text} weight={"Regular"}>
           {sectionStatus.message[locale]}