From 6892c63b899b46fedc9d99b8274a17e9043fe361 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@thetaggid.com>
Date: Tue, 12 Jan 2021 12:38:46 -0500
Subject: [TMA-527/506/523] Custom Moment Categories (#174)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 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
---
 src/components/moments/Moment.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

(limited to 'src/components/moments')

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 && (
-- 
cgit v1.2.3-70-g09d2