From 15225564bbf56599dd44eaea45998059e7c54b13 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@thetaggid.com>
Date: Tue, 22 Dec 2020 11:56:52 -0500
Subject: [TMA-447] Natural Transitions (#145)

* edit profile text now is back to black

* changed default style to card and added custom modal transitions

* resolved linter error
---
 src/components/common/GenericMoreInfoDrawer.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'src/components/common')

diff --git a/src/components/common/GenericMoreInfoDrawer.tsx b/src/components/common/GenericMoreInfoDrawer.tsx
index 3607ef8f..098482ae 100644
--- a/src/components/common/GenericMoreInfoDrawer.tsx
+++ b/src/components/common/GenericMoreInfoDrawer.tsx
@@ -20,12 +20,13 @@ interface GenericMoreInfoDrawerProps extends ViewProps {
   isOpen: boolean;
   setIsOpen: (visible: boolean) => void;
   showIcons: boolean;
+  textColor: string;
   // An array of title, onPressHandler, and icon component
   buttons: [string, OnPressHandler, JSX.Element?][];
 }
 
 const GenericMoreInfoDrawer: React.FC<GenericMoreInfoDrawerProps> = (props) => {
-  const {buttons, showIcons} = props;
+  const {buttons, showIcons, textColor} = props;
   // each button is 80px high, cancel button is always there
   const initialSnapPosition =
     (buttons.length + 1) * 80 + useSafeAreaInsets().bottom;
@@ -47,7 +48,9 @@ const GenericMoreInfoDrawer: React.FC<GenericMoreInfoDrawerProps> = (props) => {
           <View key={index}>
             <TouchableOpacity style={panelButtonStyle} onPress={action}>
               {showIcons && <View style={styles.icon}>{icon}</View>}
-              <Text style={styles.panelButtonTitle}>{title}</Text>
+              <Text style={[styles.panelButtonTitle, {color: textColor}]}>
+                {title}
+              </Text>
             </TouchableOpacity>
             <View style={styles.divider} />
           </View>
@@ -74,7 +77,6 @@ const styles = StyleSheet.create({
   panelButtonTitle: {
     fontSize: 18,
     fontWeight: 'bold',
-    color: 'red',
   },
   icon: {
     height: 25,
-- 
cgit v1.2.3-70-g09d2