feature/9816-EvenMoreIconMigrations

VAMobile/src/components/PhotoAdd.tsx

@@ -2,11 +2,13 @@ import React, { FC } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Pressable, PressableProps } from 'react-native'
 
+import { Icon } from '@department-of-veterans-affairs/mobile-component-library'
+
 import { NAMESPACE } from 'constants/namespaces'
 import { useTheme } from 'utils/hooks'
 
 import TextView, { TextViewProps } from './TextView'
-import { Box, BoxProps, VAIcon } from './index'
+import { Box, BoxProps } from './index'
 
 type PhotoAddProps = {
   /** width of the component */
@@ -49,14 +51,7 @@ const PhotoAdd: FC<PhotoAddProps> = ({ width, height, onPress }) => {
   return (
     <Pressable {...pressableProps}>
       <Box {...boxProps}>
-        <VAIcon
-          name={'Add'}
-          width={32}
-          height={32}
-          fill={themeColor.icon.photoAdd}
-          fill2={themeColor.icon.transparent}
-          maxWidth={70}
-        />
+        <Icon name={'AddCircle'} width={40} height={40} fill={themeColor.icon.photoAdd} maxWidth={70} />
       </Box>
       <Box width={width} flexDirection="row">
         <TextView {...textProps}>{t('fileUpload.addPhoto')}</TextView>

VAMobile/src/components/PhotoUpload.tsx

@@ -5,6 +5,7 @@ import { ImagePickerResponse, launchCamera, launchImageLibrary } from 'react-nat
 
 import AsyncStorage from '@react-native-async-storage/async-storage'
 
+import { Icon } from '@department-of-veterans-affairs/mobile-component-library'
 import styled from 'styled-components'
 
 import { NAMESPACE } from 'constants/namespaces'
@@ -14,7 +15,6 @@ import { themeFn } from 'utils/theme'
 
 import Box, { BoxProps } from './Box'
 import TextView from './TextView'
-import { VAIcon } from './index'
 
 type PhotoUploadProps = {
   /** width of the photo */
@@ -169,7 +169,7 @@ const PhotoUpload: FC<PhotoUploadProps> = ({ width, height }) => {
         </Box>
       ) : (
         <Box {...boxProps} mb={20}>
-          <VAIcon name="UploadPhoto" />
+          <Icon name="AddCircle" />
           <TextView color="primaryContrast" variant="HelperText">
             {t('veteranStatus.uploadPhoto')}
           </TextView>