chore: [IOAPPFD0-205] Remove profileAlt icon reference from the cod…

…ebase (#5366) > [!caution] > This PR depends on pagopa/io-app-design-system#174 ## Short description This PR removes `profileAlt` icon reference from the codebase, replacing it with the `profile` one. ## List of changes proposed in this pull request - Replace `profileAlt`reference with the `profile` icon ## How to test N/A
pagopa · Jan 9, 2024 · 14f7cf7 · 14f7cf7
1 parent 5cce86c
commit 14f7cf7
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 42 deletions.
diff --git a/ts/components/PinCreationForm.tsx b/ts/components/PinCreationForm.tsx
@@ -1,25 +1,25 @@
+import { ButtonOutline, IOColors, VSpacer } from "@pagopa/io-app-design-system";
 import * as React from "react";
-import { StyleSheet, View, ScrollView } from "react-native";
-import { IOColors, VSpacer, ButtonOutline } from "@pagopa/io-app-design-system";
-import I18n from "../i18n";
-import { PIN_LENGTH_SIX } from "../utils/constants";
-import { PinString } from "../types/PinString";
+import { ScrollView, StyleSheet, View } from "react-native";
+import { defaultPin } from "../config";
 import { confirmButtonProps } from "../features/bonus/bonusVacanze/components/buttons/ButtonConfigurations";
 import { isValidPinNumber } from "../features/fastLogin/utils/pinPolicy";
-import { isDevEnv } from "../utils/environment";
-import { defaultPin } from "../config";
+import I18n from "../i18n";
 import { trackPinError } from "../screens/profile/analytics";
-import { getFlowType } from "../utils/analytics";
 import { useIOSelector } from "../store/hooks";
 import { isProfileFirstOnBoardingSelector } from "../store/reducers/profile";
-import FooterWithButtons from "./ui/FooterWithButtons";
+import { PinString } from "../types/PinString";
+import { getFlowType } from "../utils/analytics";
+import { PIN_LENGTH_SIX } from "../utils/constants";
+import { isDevEnv } from "../utils/environment";
+import { LabelledItem } from "./LabelledItem";
 import { InfoBox } from "./box/InfoBox";
-import { Label } from "./core/typography/Label";
-import { H1 } from "./core/typography/H1";
 import { Body } from "./core/typography/Body";
-import { LabelledItem } from "./LabelledItem";
-import { IOStyles } from "./core/variables/IOStyles";
+import { H1 } from "./core/typography/H1";
+import { Label } from "./core/typography/Label";
 import { LabelSmall } from "./core/typography/LabelSmall";
+import { IOStyles } from "./core/variables/IOStyles";
+import FooterWithButtons from "./ui/FooterWithButtons";
 
 export type Props = {
   onSubmit: (pin: PinString) => void;
@@ -219,7 +219,7 @@ export const PinCreationForm = ({ onSubmit, isOnboarding }: Props) => {
         </View>
 
         <View style={{ marginTop: 45 }}>
-          <InfoBox iconName="profileAlt" iconColor="bluegrey">
+          <InfoBox iconName="profile" iconColor="bluegrey">
             <Label color={"bluegrey"} weight={"Regular"}>
               {I18n.t("onboarding.pin.tutorial")}
             </Label>

diff --git a/ts/features/bonus/bonusVacanze/screens/activation/request/ActivateBonusReminder.tsx b/ts/features/bonus/bonusVacanze/screens/activation/request/ActivateBonusReminder.tsx
@@ -1,8 +1,8 @@
+import { HSpacer, Icon } from "@pagopa/io-app-design-system";
 import * as React from "react";
 import { View } from "react-native";
-import { HSpacer, Icon } from "@pagopa/io-app-design-system";
-import { IOStyles } from "../../../../../../components/core/variables/IOStyles";
 import { Body } from "../../../../../../components/core/typography/Body";
+import { IOStyles } from "../../../../../../components/core/variables/IOStyles";
 
 type Props = {
   text: string;
@@ -15,7 +15,7 @@ type Props = {
  */
 export const ActivateBonusReminder: React.FunctionComponent<Props> = props => (
   <View style={IOStyles.row}>
-    <Icon name="profileAlt" size={24} color="bluegrey" />
+    <Icon name="profile" size={24} color="bluegrey" />
     <HSpacer size={16} />
     <View style={IOStyles.flex}>
       <Body color="bluegrey">{props.text}</Body>

diff --git a/ts/features/design-system/core/DSAdvice.tsx b/ts/features/design-system/core/DSAdvice.tsx
@@ -1,28 +1,28 @@
-import * as React from "react";
-import { View, StyleSheet, Alert } from "react-native";
 import {
+  Banner,
+  FeatureInfo,
   Icon,
   VSpacer,
-  FeatureInfo,
-  Banner,
   bannerBackgroundColours
 } from "@pagopa/io-app-design-system";
+import * as React from "react";
+import { Alert, StyleSheet, View } from "react-native";
+import { InfoBox } from "../../../components/box/InfoBox";
 import PaymentBannerComponent from "../../../components/wallet/PaymentBannerComponent";
 import { DSFullWidthComponent } from "../components/DSFullWidthComponent";
-import { InfoBox } from "../../../components/box/InfoBox";
 
 /* Types */
 import { ImportoEuroCents } from "../../../../definitions/backend/ImportoEuroCents";
-import { IOStyles } from "../../../components/core/variables/IOStyles";
-import { Label } from "../../../components/core/typography/Label";
-import { ActivateBonusReminder } from "../../bonus/bonusVacanze/screens/activation/request/ActivateBonusReminder";
-import { DesignSystemScreen } from "../components/DesignSystemScreen";
 import AdviceComponent from "../../../components/AdviceComponent";
 import { Body } from "../../../components/core/typography/Body";
 import { H2 } from "../../../components/core/typography/H2";
-import { InfoScreenComponent } from "../../../components/infoScreen/InfoScreenComponent";
 import { H5 } from "../../../components/core/typography/H5";
+import { Label } from "../../../components/core/typography/Label";
+import { IOStyles } from "../../../components/core/variables/IOStyles";
+import { InfoScreenComponent } from "../../../components/infoScreen/InfoScreenComponent";
+import { ActivateBonusReminder } from "../../bonus/bonusVacanze/screens/activation/request/ActivateBonusReminder";
 import { DSComponentViewerBox } from "../components/DSComponentViewerBox";
+import { DesignSystemScreen } from "../components/DesignSystemScreen";
 
 const styles = StyleSheet.create({
   content: {
@@ -104,7 +104,7 @@ export const DSAdvice = () => (
     />
     <VSpacer size={24} />
     <View style={[styles.content, IOStyles.horizontalContentPadding]}>
-      <InfoBox iconName="profileAlt" iconColor="bluegrey">
+      <InfoBox iconName="profile" iconColor="bluegrey">
         <Label color={"bluegrey"} weight={"Regular"}>
           Puoi aggiungere o modificare i tuoi IBAN in qualsiasi momento
           visitando la sezione Profilo

diff --git a/ts/features/idpay/configuration/screens/IbanEnrollmentScreen.tsx b/ts/features/idpay/configuration/screens/IbanEnrollmentScreen.tsx
@@ -1,8 +1,8 @@
+import { HSpacer, Icon, VSpacer } from "@pagopa/io-app-design-system";
 import { RouteProp, useRoute } from "@react-navigation/native";
 import { useSelector } from "@xstate/react";
 import React from "react";
 import { SafeAreaView, ScrollView, StyleSheet, View } from "react-native";
-import { Icon, HSpacer, VSpacer } from "@pagopa/io-app-design-system";
 import { IbanDTO } from "../../../../../definitions/idpay/IbanDTO";
 import LoadingSpinnerOverlay from "../../../../components/LoadingSpinnerOverlay";
 import { Body } from "../../../../components/core/typography/Body";
@@ -16,6 +16,7 @@ import { useNavigationSwipeBackListener } from "../../../../hooks/useNavigationS
 import I18n from "../../../../i18n";
 import customVariables from "../../../../theme/variables";
 import { emptyContextualHelp } from "../../../../utils/emptyContextualHelp";
+import { IDPayConfigurationParamsList } from "../navigation/navigator";
 import { ConfigurationMode } from "../xstate/context";
 import { useConfigurationMachineService } from "../xstate/provider";
 import {
@@ -25,7 +26,6 @@ import {
   selectEnrolledIban,
   selectIsIbanOnlyMode
 } from "../xstate/selectors";
-import { IDPayConfigurationParamsList } from "../navigation/navigator";
 
 type IbanEnrollmentScreenRouteParams = {
   initiativeId?: string;
@@ -178,7 +178,7 @@ const IbanEnrollmentScreen = () => {
           <VSpacer size={16} />
           {/*  TODO:: AdviceComponent goes here once implemented @dmnplb */}
           <View style={styles.bottomSection}>
-            <Icon name="profileAlt" color="bluegrey" />
+            <Icon name="profile" color="bluegrey" />
             <HSpacer size={8} />
             <LabelSmall
               color="bluegrey"

diff --git a/ts/features/idpay/configuration/screens/IbanOnboardingScreen.tsx b/ts/features/idpay/configuration/screens/IbanOnboardingScreen.tsx
@@ -1,17 +1,17 @@
+import { HSpacer, Icon, VSpacer } from "@pagopa/io-app-design-system";
 import { useSelector } from "@xstate/react";
 import * as E from "fp-ts/lib/Either";
-import { pipe } from "fp-ts/lib/function";
 import * as O from "fp-ts/lib/Option";
+import { pipe } from "fp-ts/lib/function";
 import React from "react";
 import { SafeAreaView, ScrollView, View } from "react-native";
-import { Icon, HSpacer, VSpacer } from "@pagopa/io-app-design-system";
 import { Iban } from "../../../../../definitions/backend/Iban";
+import { LabelledItem } from "../../../../components/LabelledItem";
 import { Body } from "../../../../components/core/typography/Body";
 import { H1 } from "../../../../components/core/typography/H1";
 import { LabelSmall } from "../../../../components/core/typography/LabelSmall";
 import { Link } from "../../../../components/core/typography/Link";
 import { IOStyles } from "../../../../components/core/variables/IOStyles";
-import { LabelledItem } from "../../../../components/LabelledItem";
 import BaseScreenComponent from "../../../../components/screens/BaseScreenComponent";
 import FooterWithButtons from "../../../../components/ui/FooterWithButtons";
 import { useNavigationSwipeBackListener } from "../../../../hooks/useNavigationSwipeBackListener";
@@ -98,7 +98,7 @@ const IbanOnboardingScreen = () => {
             }
           ]}
         >
-          <Icon name="profileAlt" size={30} color="bluegrey" />
+          <Icon name="profile" size={30} color="bluegrey" />
           <HSpacer size={16} />
           <LabelSmall color="bluegrey" weight="Regular">
             {I18n.t("idpay.configuration.iban.onboarding.bottomLabel")}

diff --git a/ts/screens/onboarding/OnboardingShareDataScreen.tsx b/ts/screens/onboarding/OnboardingShareDataScreen.tsx
@@ -1,8 +1,8 @@
+import { IOColors, VSpacer } from "@pagopa/io-app-design-system";
 import * as React from "react";
-import { SafeAreaView, ScrollView, StatusBar, Alert } from "react-native";
+import { Alert, SafeAreaView, ScrollView, StatusBar } from "react-native";
 import { connect, useDispatch } from "react-redux";
 import { Dispatch } from "redux";
-import { IOColors, VSpacer } from "@pagopa/io-app-design-system";
 import { InfoBox } from "../../components/box/InfoBox";
 import { Label } from "../../components/core/typography/Label";
 import { IOStyles } from "../../components/core/variables/IOStyles";
@@ -14,19 +14,19 @@ import {
 } from "../../features/bonus/bonusVacanze/components/buttons/ButtonConfigurations";
 import I18n from "../../i18n";
 import { setMixpanelEnabled } from "../../store/actions/mixpanel";
-import { GlobalState } from "../../store/reducers/types";
-import { useConfirmOptOutBottomSheet } from "../profile/components/OptOutBottomSheet";
-import { ShareDataComponent } from "../profile/components/ShareDataComponent";
 import { abortOnboarding } from "../../store/actions/onboarding";
 import { useIOSelector } from "../../store/hooks";
 import { isProfileFirstOnBoardingSelector } from "../../store/reducers/profile";
-import { useOnFirstRender } from "../../utils/hooks/useOnFirstRender";
+import { GlobalState } from "../../store/reducers/types";
 import { getFlowType } from "../../utils/analytics";
+import { useOnFirstRender } from "../../utils/hooks/useOnFirstRender";
 import { trackMixpanelScreen } from "../profile/analytics";
 import {
   trackMixpanelDeclined,
   trackMixpanelSetEnabled
 } from "../profile/analytics/mixpanel/mixpanelAnalytics";
+import { useConfirmOptOutBottomSheet } from "../profile/components/OptOutBottomSheet";
+import { ShareDataComponent } from "../profile/components/ShareDataComponent";
 
 type Props = ReturnType<typeof mapDispatchToProps> &
   ReturnType<typeof mapStateToProps>;
@@ -78,7 +78,7 @@ const OnboardingShareDataScreen = (props: Props): React.ReactElement => {
         <ScrollView style={IOStyles.horizontalContentPadding}>
           <ShareDataComponent />
           <VSpacer size={16} />
-          <InfoBox iconName="profileAlt" iconColor="bluegrey">
+          <InfoBox iconName="profile" iconColor="bluegrey">
             <Label color={"bluegrey"} weight={"Regular"}>
               {I18n.t("profile.main.privacy.shareData.screen.profileSettings")}
             </Label>