Skip to content

A
anawork-mobile-v2
Commit f200630d authored by dungtnguyen's avatar dungtnguyen
Browse files
Options

fix onClick calendar

parent 6a8e5bdb
Show whitespace changes
Inline Side-by-side
Showing with 162 additions and 326 deletions
src/screens/home/modals/BirthdayModals.js
View file @ f200630d
import React, {memo, useCallback, useMemo, useRef} from 'react'; import React, {memo} from 'react';
import { import {
Image, Image,
Modal, Modal,
...@@ -8,189 +8,28 @@ import { ...@@ -8,189 +8,28 @@ import {
View, View,
} from 'react-native'; } from 'react-native';
import FastImage from 'react-native-fast-image'; import FastImage from 'react-native-fast-image';
import AppText from '../../../components/AppText';
import ButtonComponent from '../../../components/ButtonComponent'; import ButtonComponent from '../../../components/ButtonComponent';
import config from '../../../config';
import commonStyles from '../../../styles/commonStyles';
import {IMAGES, IconProfile} from '../../../values/images'; import {IMAGES, IconProfile} from '../../../values/images';
import styles from '../style'; import styles from '../style';
import AppText from '../../../components/AppText';
import config from '../../../config';
import BottomSheet from '@gorhom/bottom-sheet';
import {GestureHandlerRootView} from 'react-native-gesture-handler';
const BirthdayModal = React.memo( const BirthdayModal = React.memo(
({ props => {
const {
modalVisible, modalVisible,
handleCloseDesBirthday, handleCloseDesBirthday,
openModalWishBirthday, openModalWishBirthday,
addMoreImgFromGallery, addMoreImgFromGallery,
closeModalWishBirthday, closeModalWishBirthday,
closeModalHappyBirthday, closeModalHappyBirthday,
}) => { } = props;
const bottomSheetRef = useRef(null);
const snapPoints = useMemo(() => ['25%', '50%', '90%'], []);
return ( return (
// <Modal <Modal
// animationType="slide" style={commonStyles.baseShadow}
// transparent={true} animationType="slide"
// visible={modalVisible.isVisible}> transparent={true}
// <View visible={modalVisible.isVisible}>
// style={{flex: 1, justifyContent: 'flex-end'}}
// //activeOpacity={0}
// //onPress={handleCloseDesBirthday}
// >
// <View style={styles.contentContainer}>
// <ScrollView>
// <ButtonComponent
// iconSource={IconProfile.IcCloseBlack}
// styleIcon={{width: 20, height: 20}}
// style={{
// alignSelf: 'flex-end',
// marginRight: 10,
// marginTop: 10,
// }}
// onPress={handleCloseDesBirthday}
// />
// <AppText
// style={{color: 'black', fontWeight: 'bold', fontSize: 14}}>
// {`Ngày ${modalVisible?.day?.day} tháng ${modalVisible?.day?.month} năm ${modalVisible?.day?.year} 🎉`}
// </AppText>
// {modalVisible?.birthdayArr?.map((item, index) => (
// <View
// key={index}
// style={[
// styles.viewHappyBirthday,
// modalVisible?.managerOpenWish[index].enable
// ? styles.openViewHappyBirthday
// : styles.closeViewHappyBirthday,
// ]}>
// <View
// style={{
// flexDirection: 'row',
// justifyContent: 'space-between',
// }}>
// <View style={{flexDirection: 'row'}}>
// <Image
// source={
// item.avatar
// ? {
// uri: config.imageEndPoint + item.avatar,
// }
// : IMAGES.IcAvatarDefault
// }
// style={{width: 40, height: 40}}
// />
// <View style={{paddingLeft: 10}}>
// <AppText
// style={
// styles.txtTitle
// }>{`${item.first_name} ${item.middle_name} ${item.last_name}`}</AppText>
// <AppText>{item.position}</AppText>
// </View>
// </View>
// {!modalVisible?.managerOpenWish[index].enable && (
// <View
// style={{
// justifyContent: 'center',
// alignItems: 'center',
// }}>
// <TouchableOpacity
// onPress={() => openModalWishBirthday(index)}
// style={styles.btnOpenHappyBirthday}>
// <Image
// source={IMAGES.IcOutlineSend}
// style={{width: 10, height: 10}}
// />
// </TouchableOpacity>
// </View>
// )}
// </View>
// {modalVisible?.managerOpenWish[index].enable && (
// <View>
// <View style={{marginTop: 10}}>
// <TextInput
// multiline
// numberOfLines={3}
// placeholder={'Vui lòng nhập lời chúc tại đây'}
// style={{borderWidth: 0.2}}
// />
// {/** suggest wish */}
// <View>
// <ButtonComponent
// style={styles.btnSuggest}
// text={'Chúc bà sinh nhật dui dẻ nha 🌺'}
// textStyle={{color: 'white'}}
// />
// <ButtonComponent
// style={styles.btnSuggest}
// text={'Tuổi mới sinh đẹp nhaaaa 🌺💃'}
// textStyle={{color: 'white'}}
// />
// </View>
// <View style={{flexDirection: 'row'}}>
// {item?.imgArr &&
// item?.imgArr.map((el, position) => {
// return (
// <View key={position} style={{marginRight: 10}}>
// <FastImage
// source={{
// uri: el.uri,
// }}
// style={{
// width: 60,
// height: 60,
// marginTop: 10,
// }}
// />
// </View>
// );
// })}
// {!item.imgArr && (
// <View style={styles.viewAddMoreImg}>
// <ButtonComponent
// iconSource={IMAGES.IcAddMoreImg}
// styleIcon={{height: 25, width: 25}}
// onPress={() => addMoreImgFromGallery(index)}
// />
// </View>
// )}
// </View>
// </View>
// <View
// style={{
// flexDirection: 'row',
// justifyContent: 'space-between',
// marginTop: 10,
// }}>
// <TouchableOpacity
// onPress={() => closeModalWishBirthday(index)}
// style={{alignSelf: 'flex-end'}}>
// <AppText style={{color: 'blue', fontWeight: '600'}}>
// {' '}
// Hủy{' '}
// </AppText>
// </TouchableOpacity>
// <TouchableOpacity
// onPress={() => closeModalHappyBirthday(index)}
// style={{alignSelf: 'flex-end'}}>
// <AppText style={{color: 'blue', fontWeight: '600'}}>
// Gửi
// </AppText>
// </TouchableOpacity>
// </View>
// </View>
// )}
// </View>
// ))}
// </ScrollView>
// </View>
// </View>
// </Modal>
<GestureHandlerRootView>
<BottomSheet
ref={bottomSheetRef}
index={1}
snapPoints={snapPoints}
animateOnMount={true}
enableDynamicSizing={false}>
<View <View
style={{flex: 1, justifyContent: 'flex-end'}} style={{flex: 1, justifyContent: 'flex-end'}}
//activeOpacity={0} //activeOpacity={0}
...@@ -235,7 +74,7 @@ const BirthdayModal = React.memo( ...@@ -235,7 +74,7 @@ const BirthdayModal = React.memo(
} }
: IMAGES.IcAvatarDefault : IMAGES.IcAvatarDefault
} }
style={{width: 40, height: 40}} style={{width: 40, height: 40, borderRadius: 5}}
/> />
<View style={{paddingLeft: 10}}> <View style={{paddingLeft: 10}}>
<AppText <AppText
...@@ -245,7 +84,7 @@ const BirthdayModal = React.memo( ...@@ -245,7 +84,7 @@ const BirthdayModal = React.memo(
<AppText>{item.position}</AppText> <AppText>{item.position}</AppText>
</View> </View>
</View> </View>
{!modalVisible?.managerOpenWish[index].enable && ( {/* {!modalVisible?.managerOpenWish[index].enable && (
<View <View
style={{ style={{
justifyContent: 'center', justifyContent: 'center',
...@@ -260,7 +99,7 @@ const BirthdayModal = React.memo( ...@@ -260,7 +99,7 @@ const BirthdayModal = React.memo(
/> />
</TouchableOpacity> </TouchableOpacity>
</View> </View>
)} )} */}
</View> </View>
{modalVisible?.managerOpenWish[index].enable && ( {modalVisible?.managerOpenWish[index].enable && (
<View> <View>
...@@ -288,9 +127,7 @@ const BirthdayModal = React.memo( ...@@ -288,9 +127,7 @@ const BirthdayModal = React.memo(
{item?.imgArr && {item?.imgArr &&
item?.imgArr.map((el, position) => { item?.imgArr.map((el, position) => {
return ( return (
<View <View key={position} style={{marginRight: 10}}>
key={position}
style={{marginRight: 10}}>
<FastImage <FastImage
source={{ source={{
uri: el.uri, uri: el.uri,
...@@ -344,8 +181,7 @@ const BirthdayModal = React.memo( ...@@ -344,8 +181,7 @@ const BirthdayModal = React.memo(
</ScrollView> </ScrollView>
</View> </View>
</View> </View>
</BottomSheet> </Modal>
</GestureHandlerRootView>
); );
}, },
function areEqual(prevProps, nextProps) { function areEqual(prevProps, nextProps) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment