[TMA-527/506/523] Custom Moment Categories (#174)

* changed logic to allow ≥ 1 categories

* now using array of strings for moment categories

* updated error strings

* formatting and check for picker cancellation

* initial UI done

* cleaned up logic, added custom icon

* renamed onboarding stack to match main stack

* removed unused import

* deterministic color picker

* custom category defaults to selected instead of added

* removed function in route

1 files changed, 7 insertions, 4 deletions

diff --git a/src/components/moments/Moment.tsx b/src/components/moments/Moment.tsx
index 0d2c2b62..be6f78a8 100644
--- a/src/components/moments/Moment.tsx
+++ b/src/components/moments/Moment.tsx
@@ -11,14 +11,14 @@ import {TAGG_TEXT_LIGHT_BLUE} from '../../constants';
 import {SCREEN_WIDTH} from '../../utils';
 import ImagePicker from 'react-native-image-crop-picker';
 import MomentTile from './MomentTile';
-import {MomentCategoryType, MomentType, ScreenType} from 'src/types';
+import {MomentType, ScreenType} from 'src/types';
 
 interface MomentProps {
-  title: MomentCategoryType;
+  title: string;
   images: MomentType[] | undefined;
   userXId: string | undefined;
   screenType: ScreenType;
-  handleMomentCategoryDelete: (_: MomentCategoryType) => void;
+  handleMomentCategoryDelete: (_: string) => void;
   shouldAllowDeletion: boolean;
 }
 
@@ -57,7 +57,9 @@ const Moment: React.FC<MomentProps> = ({
         }
       })
       .catch((err) => {
-        Alert.alert('Unable to upload moment!');
+        if (err.code && err.code !== 'E_PICKER_CANCELLED') {
+          Alert.alert('Unable to upload moment!');
+        }
       });
   };
   return (
@@ -70,6 +72,7 @@ const Moment: React.FC<MomentProps> = ({
               width={21}
               height={21}
               onPress={() => navigateToImagePicker()}
+              color={TAGG_TEXT_LIGHT_BLUE}
               style={{marginRight: 10}}
             />
             {shouldAllowDeletion && (