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 {
Image,
Modal,
......@@ -8,189 +8,28 @@ import {
View,
} from 'react-native';
import FastImage from 'react-native-fast-image';
import AppText from '../../../components/AppText';
import ButtonComponent from '../../../components/ButtonComponent';
import config from '../../../config';
import commonStyles from '../../../styles/commonStyles';
import {IMAGES, IconProfile} from '../../../values/images';
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(
({
props => {
const {
modalVisible,
handleCloseDesBirthday,
openModalWishBirthday,
addMoreImgFromGallery,
closeModalWishBirthday,
closeModalHappyBirthday,
}) => {
const bottomSheetRef = useRef(null);
const snapPoints = useMemo(() => ['25%', '50%', '90%'], []);
} = props;
return (
// <Modal
// animationType="slide"
// transparent={true}
// visible={modalVisible.isVisible}>
// <View
// 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}>
<Modal
style={commonStyles.baseShadow}
animationType="slide"
transparent={true}
visible={modalVisible.isVisible}>
<View
style={{flex: 1, justifyContent: 'flex-end'}}
//activeOpacity={0}
......@@ -235,7 +74,7 @@ const BirthdayModal = React.memo(
}
: IMAGES.IcAvatarDefault
}
style={{width: 40, height: 40}}
style={{width: 40, height: 40, borderRadius: 5}}
/>
<View style={{paddingLeft: 10}}>
<AppText
......@@ -245,7 +84,7 @@ const BirthdayModal = React.memo(
<AppText>{item.position}</AppText>
</View>
</View>
{!modalVisible?.managerOpenWish[index].enable && (
{/* {!modalVisible?.managerOpenWish[index].enable && (
<View
style={{
justifyContent: 'center',
......@@ -260,7 +99,7 @@ const BirthdayModal = React.memo(
/>
</TouchableOpacity>
</View>
)}
)} */}
</View>
{modalVisible?.managerOpenWish[index].enable && (
<View>
......@@ -288,9 +127,7 @@ const BirthdayModal = React.memo(
{item?.imgArr &&
item?.imgArr.map((el, position) => {
return (
<View
key={position}
style={{marginRight: 10}}>
<View key={position} style={{marginRight: 10}}>
<FastImage
source={{
uri: el.uri,
......@@ -344,8 +181,7 @@ const BirthdayModal = React.memo(
</ScrollView>
</View>
</View>
</BottomSheet>
</GestureHandlerRootView>
</Modal>
);
},
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