@jescon-technologies/react-native-ui-kit 0.0.6 → 0.0.7

package/src/Custom/CTokenAllocation.js

@@ -1,1402 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { Text, View, FlatList, TouchableOpacity, Dimensions, ActivityIndicator, ScrollView, Switch, TextInput, TouchableHighlight } from 'react-native';
-import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
-import { normalize } from '../CommonStyle/componentStyle';
-import { APIURL, EMRAPI } from '../../../../../src/Common/apiConstants';
-import { ArrayCheck, getLoading, isBNUL, isNU, isPermitted, notifyMessage, ValueCheck } from '../CommonStyle/ComponentFunctions';
-import { Global } from '../../../../../src/Common/Global';
-import { NetworkServiceCall } from '@jescon-technologies/react-native-ui-kit';
-import { Icons } from '@jescon-technologies/react-native-ui-kit';;
-import CTextHeader from './TableComponent/CTextHeader';
-import CTextBody from './TableComponent/CTextBody';
-import HHeading from '../HOC/HHeading';
-import STimePicker from '../StaticComponents/STimePicker';
-import Loader from './Loader';
-import moment from 'moment';
-import STextInput from '../StaticComponents/STextInput';
-import SDropDownNew from '../Components/SDropDownNew';
-
-import SCheckBox from '../StaticComponents/SCheckBox';
-import HOCIcons from '../HOC/HOCIcons';
-import FastImage from 'react-native-fast-image';
-import { Menu, MenuOptions, MenuTrigger } from 'react-native-popup-menu';
-import CDropDownList from '../CustomComponents/CDropDownList';
-import CText from '../CustomComponents/CText';
-import { useNavigation } from '../Navigation/useNavigation';
-
-
-import { fontWeight } from '../CommonStyle/commonStyle';
-import { FlashList } from '@shopify/flash-list';
-import CAwesomeButton from '../CustomComponents/CAwesomeButton';
-import CCustomTextInput from '../CustomComponents/CCustomTextInput';
-
-const CTokenAllocation = (props) => {
-
-    const navigation = useNavigation();
-    const { width, height } = Dimensions.get('screen');
-    const flatlistRef = useRef();
-    const dividedWidth = width / 7;
-    const [data, setData] = useState();
-    const [dayData, setDayData] = useState();
-    const [refresh, setRefresh] = useState(0);
-    const [isLoading, setIsLoading] = useState(false);
-    const [footerData, setFooterData] = useState();
-    const months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
-    const d = new Date();
-    const [monthinno, setMonthInNo] = useState(d.getMonth());
-    const [year, setYear] = useState(d.getFullYear());
-    const [edit, setEdit] = useState(false);
-    const [tokenArr, setTokensArray] = useState();
-    const [wttime, setWttime] = useState(30);
-    const [consultant, setConsultant] = useState(Global.userData.hosuconsultant);
-
-    const dropdownarray = {
-        'success': true,
-        'httpstatus': 200,
-        'message': 'SUCCESS',
-        'data': {
-            'data': [
-                {
-                    'datavalue': 'A', // "O", "W",
-                    'displayvalue': 'N/A',
-                    'selected': false,
-                    'icon': 'credit-card-outline',
-                },
-                {
-                    'datavalue': 'O',
-                    'displayvalue': 'OLD',
-                    'selected': false,
-                    'icon': 'credit-card-clock-outline',
-                },
-                {
-                    'datavalue': 'W',
-                    'displayvalue': 'NEW',
-                    'selected': false,
-                    'icon': 'credit-card-fast',
-                },
-            ],
-        },
-    };
-
-    useEffect(() => {
-        if (consultant > 0) {
-            getConsultation(consultant, year, monthinno);
-        }
-    }, []);
-
-    function getConsultation(consultant) {
-
-        setConsultant(consultant);
-        let buttonapi = APIURL + 'emr/emrcommonget/rnhococonsultationtokenorderweekday ' + consultant;
-        // + ',' + year + ',' + monthReal
-        console.log('Button api..........CToken..........', JSON.stringify(buttonapi));
-        setIsLoading(true);
-        NetworkServiceCall('get', buttonapi, '')
-            .then(function (response) {
-
-                if (response.httpstatus == 200 && response.data != null
-                    && response.data != undefined) {
-                    setIsLoading(false);
-                    setData(response.data.weekdays);
-                    let obj = ArrayCheck(response.data.weekdays) ? response.data.weekdays.find(o => o.selected == true) : null;
-                    setDayData(obj);
-                }
-                else {
-                    setIsLoading(false);
-                    notifyMessage('Data not available,Please try again later', 4);
-                }
-            });
-        getLoading(v => setIsLoading(false));
-
-    }
-
-    function fnRenderInsideFlashlist(array, item) {
-
-        let newdata = isBNUL(array) ? array.filter(function (item) { return item; }) : [];
-
-        return (
-            isBNUL(newdata) ?
-                <FlashList
-                    data={newdata}
-                    horizontal={false}
-                    numColumns={2}
-                    contentContainerStyle={{
-                        flexDirection: 'row',
-                        flexWrap: 'wrap',
-                        justifyContent: 'space-between',
-                    }}
-                    renderItem={(k) => renderMrngEvngToken(k, newdata)}
-                    keyExtractor={(item, index) => 'key' + index}
-                    estimatedItemSize={normalize(160)}
-                />
-                : null
-        );
-
-    }
-
-    function renderFooterView({ item }) {
-
-        return (
-            <View style={{ flex: 1 }}>
-                {ArrayCheck(item.tokenArr) && ArrayCheck(item.tokenArr) ?
-                    <View style={{ borderWidth: 1, width: '100%', borderRadius: 5, borderColor: 'lightgrey', backgroundColor: 'white', elevation: 5, flexDirection: 'row', justifyContent: 'space-between', padding: normalize(5) }}>
-                        <View style={{ width: '100%', borderWidth: 0 }}>
-                            <View style={{
-                                width: '100%',
-                                flexDirection: 'row',
-                                alignItems: 'flex-start',
-                                borderColor: 'lightgrey',
-                                marginTop: normalize(5),
-                                justifyContent: 'space-evenly',
-
-                            }}>
-
-                                <View style={{ width: '35%' }}>
-                                    <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-                                        <HOCIcons.FontAwesome5
-                                            name={item.iconname}
-                                            color={'black'}
-                                            size={normalize(12)}
-                                            style={{ marginHorizontal: normalize(5) }}
-                                        />
-                                        <Text style={{ fontSize: normalize(15), color: 'darkblue', fontWeight: 'bold', paddingRight: normalize(5) }}>{item.tokentype}</Text>
-                                    </View>
-                                    <View style={{ flexDirection: 'row', borderWidth: 0, marginTop: normalize(5), justifyContent: 'space-between' }}>
-                                        <View style={{ flexDirection: 'row', alignItems: 'center', borderWidth: 0 }}>
-                                            <HOCIcons.FontAwesome5
-                                                name={'clock'}
-                                                color={'black'}
-                                                size={normalize(10)}
-                                                style={{ marginHorizontal: normalize(3) }}
-                                            />
-                                            <View>
-                                                <Text style={{ fontSize: normalize(7), color: 'black', fontWeight: 'normal' }}>START TIME</Text>
-                                                <Text style={{ fontSize: normalize(11), color: 'darkblue', fontWeight: 'bold' }}>{item.reportingtime}</Text>
-                                            </View>
-                                        </View>
-                                        <View style={{ borderWidth: 0, borderColor: 'black', flexDirection: 'row', alignItems: 'center' }}>
-                                            <HOCIcons.FontAwesome5
-                                                name={'clock'}
-                                                color={'black'}
-                                                size={normalize(10)}
-                                                style={{ marginHorizontal: normalize(5) }}
-                                            />
-                                            <View>
-                                                <Text style={{ fontSize: normalize(7), color: 'black', fontWeight: 'normal' }}>END TIME</Text>
-                                                <Text style={{ fontSize: normalize(11), color: 'darkblue', fontWeight: 'bold' }}>{item.consultationtime}</Text>
-                                            </View>
-                                        </View>
-                                    </View>
-                                </View>
-
-                                <View style={{
-                                    width: '25%',
-                                }}>
-                                    <SDropDownNew
-                                        heading={'Payment Type'}
-                                        buttonstyle={{
-                                            borderWidth: 1,
-                                            borderColor: 'lightgrey',
-                                            borderRadius: 5,
-                                            alignItems: 'center',
-                                            justifyContent: 'flex-start',
-                                            height: normalize(35),
-                                            flexDirection: 'row',
-                                            backgroundColor: 'white',
-                                            elevation: 2,
-                                        }}
-                                        dropdownapi={'emr/emrcommonget/rnladropdownpaymenttype'}
-                                        dropdowndata={item.paymenttypename}
-                                        onChangeData={val => val == undefined ? null : (
-                                            item.paymenttype = val.datavalue,
-                                            item.paymenttypename = val.displayvalue,
-                                            console.log('@@@@@@@@ sdropdown')
-                                        )}
-                                        editable={true}
-                                        widthArr={'100%'}
-                                        iconName={'info'}
-                                        refreshCount={val =>
-                                            val == undefined ? null : setRefresh(refresh + 1)
-                                        }
-                                    />
-                                    <Text style={{ color: Global.AppTheme.primary_color, top: normalize(-4), position: 'absolute', fontSize: normalize(8), left: normalize(10), backgroundColor: 'white' }}>
-                                        Payment Type
-                                    </Text>
-                                </View>
-
-                                <View style={{ width: '20%' }}>
-                                    <CCustomTextInput
-                                        required={false}
-                                        info={'Enter Waiting time.'}
-                                        custompositiontextviewstyle={{
-                                            position: 'absolute',
-                                            top: normalize(-4),
-                                            left: normalize(7),
-                                            flexDirection: 'row',
-                                            alignItems: 'center',
-                                            backgroundColor: 'white',
-                                        }}
-                                        custompositiontextstyle={{
-                                            color: '#164c92',
-                                            fontSize: normalize(8),
-                                            textAlign: 'left',
-                                            fontWeight: 'normal',
-                                        }}
-                                        inputstyle={{
-                                            flexDirection: 'row',
-                                            borderWidth: 0.5,
-                                            borderColor: 'grey',
-                                            borderRadius: 5,
-                                            alignItems: 'center',
-                                            height: normalize(35),
-                                            backgroundColor: 'white',
-                                            elevation: 2,
-                                            textAlign: 'right',
-                                        }}
-                                        iconstyle={{
-                                            icongroup: 5,
-                                            iconname: 'user-graduate',
-                                            iconsize: normalize(10),
-                                            iconcolor: '#164c92',
-                                            style: {
-                                                paddingHorizontal: normalize(4),
-                                            },
-                                        }}
-                                        data={{
-                                            displaytext: 'Waiting Time',
-                                            type: 'numeric',
-                                            iconcolor: 'darkblue',
-                                            editable: true,
-                                            itemwidth: '100%',
-                                            iconname: 'id-badge',
-                                            value: ValueCheck(wttime) ? wttime : '',
-                                            tfontweight: 'bold',
-                                            placeholder: ' ',
-                                            placeholdercolor: 'lightgrey',
-                                            capitalize: 'characters',
-                                            tfontsize: normalize(12),
-                                            alignment: 'right',
-                                        }}
-                                        callBack={val => (val == undefined ? null : setWttime(val)
-                                        )}
-                                        onEndEditing={val => {
-                                            console.log('onEndEditing', wttime),
-                                                getReportingTime(item, wttime);
-                                        }}
-                                        onSubmitEditing={val => {
-                                            console.log('onSubmitEditing', wttime),
-                                                getReportingTime(item, wttime);
-                                        }}
-                                    />
-                                    {/* <STextInput
-                                        hideicon={true}
-                                        data={{
-                                            value: ValueCheck(wttime) ? wttime : '',
-                                            type: 'number-pad',
-                                            editable: true,
-                                            itemwidth: Dimensions.get('screen').width * 0.22,
-                                            errorStatus: true
-                                        }}
-                                        normalTextInput={true}
-                                        callBack={val => (val == undefined ? null : setWttime(val)
-                                        )}
-                                        onEndEditing={val => {
-                                            console.log('onEndEditing', wttime),
-                                                getReportingTime(item, wttime)
-                                        }}
-                                        onSubmitEditing={val => {
-                                            console.log('onSubmitEditing', wttime),
-                                                getReportingTime(item, wttime)
-                                        }}
-                                    /> */}
-                                    {/* <Text style={{ color: Global.AppTheme.primary_color, top: normalize(-4), position: 'absolute', fontSize: normalize(8), left: normalize(10), backgroundColor: 'white' }}>
-                                        Waiting Time
-                                    </Text> */}
-                                </View>
-
-                                <View style={{ width: '15%' }}>
-                                    {/* <Text style={{ fontSize: normalize(8), color: Global.AppTheme.primary_color, fontWeight: 'normal' }}>Disable Tokens</Text> */}
-                                    <TouchableOpacity
-                                        onPress={() => {
-                                            setDisableToken(item);
-                                        }}
-                                        style={{
-                                            borderWidth: 0.5,
-                                            backgroundColor: 'white',
-                                            elevation: 5,
-                                            borderColor: 'lightgrey',
-                                            borderRadius: 5,
-                                            height: normalize(35),
-                                            width: '100%',
-                                            justifyContent: 'center',
-                                            alignItems: 'center',
-                                        }}>
-                                        <HOCIcons.Fontisto
-                                            name={item.disabledtokens ? 'toggle-on' : 'toggle-off'}
-                                            size={normalize(23)}
-                                            color={item.disabledtokens ? 'green' : '#646464'}
-                                            style={{ textAlign: 'center', borderWidth: 0 }}
-                                        />
-                                    </TouchableOpacity>
-                                    <Text style={{ color: Global.AppTheme.primary_color, left: normalize(3), top: normalize(-4), position: 'absolute', fontSize: normalize(8), backgroundColor: 'white' }}>
-                                        {'Disable'}
-                                    </Text>
-                                </View>
-
-                            </View>
-                            {/* <View style={{ flexDirection: 'row', borderWidth: 0, marginTop: normalize(5) }}>
-                                <View style={{ flexDirection: 'row', alignItems: 'center', }}>
-                                    <HOCIcons.FontAwesome5
-                                        name={'clock'}
-                                        color={'black'}
-                                        size={normalize(12)}
-                                        style={{ marginHorizontal: normalize(5) }}
-                                    />
-                                    <View>
-                                        <Text style={{ fontSize: normalize(7), color: 'black', fontWeight: 'normal' }}>START TIME</Text>
-                                        <Text style={{ fontSize: normalize(11), color: 'darkblue', fontWeight: 'bold' }}>{item.reportingtime}</Text>
-                                    </View>
-                                </View>
-                                <View style={{ width: 0.5, backgroundColor: 'lightgrey', marginHorizontal: normalize(7) }}>
-                                </View>
-                                <View style={{ borderLeftWidth: 0, borderColor: 'black', flexDirection: 'row', alignItems: 'center', }}>
-                                    <HOCIcons.FontAwesome5
-                                        name={'clock'}
-                                        color={'black'}
-                                        size={normalize(12)}
-                                        style={{ marginHorizontal: normalize(5) }}
-                                    />
-                                    <View>
-                                        <Text style={{ fontSize: normalize(7), color: 'black', fontWeight: 'normal' }}>END TIME</Text>
-                                        <Text style={{ fontSize: normalize(11), color: 'darkblue', fontWeight: 'bold' }}>{item.consultationtime}</Text>
-                                    </View>
-                                </View>
-                            </View> */}
-                        </View>
-
-                        {/* {ArrayCheck(item.tokenArr) ?
-                            <View style={{ width: '50%' }}>
-
-                                <View style={{ flexDirection: 'row', borderWidth: 0, alignItems: 'flex-end' }}>
-                                    <View style={{ justifyContent: 'center', alignItems: 'center', borderWidth: 0 }}>
-                                        <View style={{ borderWidth: 0, flexDirection: 'row', alignItems: 'center' }}>
-                                            <View style={{ borderWidth: 0 }}>
-                                                <STextInput
-                                                    hideicon={true}
-                                                    data={{
-                                                        value: ValueCheck(wttime) ? wttime : '',
-                                                        type: 'number-pad',
-                                                        editable: true,
-                                                        itemwidth: Dimensions.get('screen').width * 0.22,
-                                                        errorStatus: true
-                                                    }}
-                                                    normalTextInput={true}
-                                                    callBack={val => (val == undefined ? null : setWttime(val)
-                                                    )}
-                                                    onEndEditing={val => {
-                                                        console.log('onEndEditing', wttime),
-                                                            getReportingTime(item, wttime)
-                                                    }}
-                                                    onSubmitEditing={val => {
-                                                        console.log('onSubmitEditing', wttime),
-                                                            getReportingTime(item, wttime)
-                                                    }}
-                                                />
-                                                <Text style={{ color: Global.AppTheme.primary_color, top: normalize(1), position: 'absolute', fontSize: normalize(10), left: normalize(10), backgroundColor: 'white' }}>
-                                                    Waiting Time
-                                                </Text>
-                                            </View>
-
-                                            <View style={{ borderWidth: 0, justifyContent: 'center', alignItems: 'center', marginHorizontal: normalize(10) }}>
-                                            <Text style={{ fontSize: normalize(8), color: 'black' }}>Reset Tokens</Text>
-                                            <TouchableOpacity
-                                                onPress={() => {
-                                                    getReportingTime(item, wttime)
-                                                }}
-                                                style={{
-                                                    // marginHorizontal: normalize(10),
-                                                    borderColor: 'lightgrey',
-                                                    width: normalize(35),
-                                                    backgroundColor: 'white',
-                                                    height: normalize(30),
-                                                    borderRadius: normalize(5),
-                                                    alignItems: 'center',
-                                                    justifyContent: 'center',
-                                                    borderWidth: 0.5,
-                                                    elevation: 5
-                                                }}>
-                                                <HOCIcons.Entypo
-                                                    name={'back-in-time'}
-                                                    size={normalize(23)}
-                                                    color={Global.AppTheme.primary_color}
-                                                    style={{ textAlign: 'center', borderWidth: 0 }}
-                                                />
-                                            </TouchableOpacity>
-                                        </View>
-
-                                            <View style={{ borderWidth: 0, justifyContent: 'center', alignItems: 'center' }}>
-                                                <Text style={{ fontSize: normalize(8), color: 'black', fontWeight: 'normal' }}>Disable Tokens</Text>
-                                                <TouchableOpacity
-                                                    onPress={() => {
-                                                        setDisableToken(item)
-                                                    }}
-                                                    style={{
-                                                        borderWidth: 0.5,
-                                                        backgroundColor: 'white',
-                                                        elevation: 5,
-                                                        borderColor: 'lightgrey',
-                                                        borderRadius: 5,
-                                                        height: normalize(30),
-                                                        width: normalize(35),
-                                                        justifyContent: 'center',
-                                                        alignItems: 'center'
-                                                    }}>
-                                                    <HOCIcons.Fontisto
-                                                        name={item.disabledtokens ? 'toggle-on' : 'toggle-off'}
-                                                        size={normalize(23)}
-                                                        color={item.disabledtokens ? 'green' : '#646464'}
-                                                        style={{ textAlign: 'center', borderWidth: 0 }}
-                                                    />
-                                                </TouchableOpacity>
-                                            </View>
-                                        </View>
-                                    </View>
-
-
-                                </View>
-
-
-                            </View>
-                            : null} */}
-                    </View>
-                    : null}
-
-
-
-                {ArrayCheck(item.tokenArr) ?
-                    <View style={{ minHeight: normalize(400), flex: 1 }}>
-                        {fnRenderInsideFlashlist(item.tokenArr, item)}
-                    </View>
-                    : null}
-            </View>
-        );
-    }
-
-    function fnCategoryFunction(item, val) {
-
-        item.subcategorytype = val.datavalue;
-        item.sucategoryname = val.displayvalue;
-        setRefresh(0);
-        setTimeout(() => {
-            setRefresh(refresh + 1);
-            props.editFlag(true);
-            setEdit(true);
-        });
-
-    }
-
-    function renderMrngEvngToken({ item, index }, array) {
-
-        return (
-            <View style={{
-                marginTop: normalize(5),
-                flexDirection: 'row',
-                borderWidth: 1,
-                borderTopWidth: 4,
-                borderLeftWidth: 4,
-                borderBottomWidth: 4,
-                borderColor: '#aaaaaa',
-                borderRadius: 10,
-                backgroundColor: item.disabledtoken ? '#d0d0d0' : '#ffffff',
-                width: Dimensions.get('screen').width * 0.485,
-                height: Dimensions.get('screen').width * 0.45,
-            }}>
-                <View style={{ flex: 1, borderWidth: 0, justifyContent: 'space-evenly' }}>
-                    <View style={{ justifyContent: 'space-around', alignItems: 'center', borderWidth: 0, width: '100%', flexDirection: 'row' }}>
-
-                        <View style={{
-                            borderLeftWidth: 3,
-                            borderBottomWidth: 3,
-                            width: Dimensions.get('screen').width * 0.12,
-                            backgroundColor: item.color,
-                            height: Dimensions.get('screen').width * 0.12,
-                            borderRadius: normalize(1000),
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            elevation: 5,
-                            borderWidth: 0,
-                        }} >
-                            <Text numberOfLines={1} style={{
-                                color: 'white',
-                                fontSize: normalize(17),
-                                fontWeight: 'bold',
-                            }}>{item.tokenno}</Text>
-                        </View>
-
-
-
-                        <View style={{ alignItems: 'center', borderWidth: 1, borderRadius: 10, borderColor: 'lightgrey', padding: normalize(3), marginTop: normalize(10) }}>
-                            <TouchableOpacity
-                                onPress={() => {
-                                    item.onlinetoken = !item.onlinetoken,
-                                        setRefresh(0),
-                                        setTimeout(() => {
-                                            setRefresh(refresh + 1);
-                                            props.editFlag(true);
-                                            setEdit(true);
-                                        });
-                                }}
-                            >
-                                <HOCIcons.Fontisto
-                                    name={item.onlinetoken ? 'toggle-on' : 'toggle-off'}
-                                    size={Dimensions.get('screen').width * 0.1}
-                                    color={item.onlinetoken ? 'green' : '#646464'}
-                                    style={{ textAlign: 'center', borderWidth: 0 }}
-                                />
-                            </TouchableOpacity>
-                            <Text style={{
-                                top: normalize(-4),
-                                left: normalize(4),
-                                backgroundColor: item.disabledtoken ? '#d0d0d0' : '#ffffff',
-                                position: 'absolute',
-                                fontSize: normalize(9),
-                                color: 'black',
-                            }}>{'Online'}</Text>
-                        </View>
-
-
-                        <View style={{ alignItems: 'center', borderWidth: 1, borderRadius: 10, borderColor: 'lightgrey', justifyContent: 'center', padding: normalize(3), marginTop: normalize(10) }}>
-
-                            <TouchableOpacity
-                                onPress={() => {
-                                    item.disabledtoken = !item.disabledtoken,
-                                        setRefresh(0),
-                                        setTimeout(() => {
-                                            setRefresh(refresh + 1);
-                                            props.editFlag(true);
-                                            setEdit(true);
-                                        });
-                                }}
-                            >
-                                <HOCIcons.Fontisto
-                                    name={item.disabledtoken ? 'toggle-on' : 'toggle-off'}
-                                    size={Dimensions.get('screen').width * 0.1}
-                                    color={item.disabledtoken ? 'green' : '#646464'}
-                                    style={{ textAlign: 'center', borderWidth: 0 }}
-                                />
-                            </TouchableOpacity>
-                            <Text style={{
-                                top: normalize(-4),
-                                left: normalize(4),
-                                backgroundColor: item.disabledtoken ? '#d0d0d0' : '#ffffff',
-                                position: 'absolute',
-                                fontSize: normalize(9),
-                                color: 'black',
-                            }}>{'Disable'}</Text>
-                        </View>
-
-                    </View>
-
-                    <View style={{ justifyContent: 'space-around', alignItems: 'center', borderWidth: 0, width: '100%', flexDirection: 'row' }}>
-
-                        <View style={{ borderWidth: 0, width: '30%', justifyContent: 'center', alignItems: 'center' }}>
-                            <Text style={{ fontWeight: 'normal', color: 'black', fontSize: normalize(6) }}>Reporting Time</Text>
-                            <Text style={{ fontWeight: 'bold', color: 'black', fontSize: normalize(9) }}>{isNU(item.reportingtime) ? item.reportingtime : null}</Text>
-                        </View>
-
-                        <View style={{ height: normalize(30), width: '65%', paddingVertical: normalize(10) }}>
-                            <STimePicker
-                                table={true}
-                                pickerstyle={{
-                                    borderWidth: 1,
-                                    borderColor: 'lightgrey',
-                                    borderRadius: 10,
-                                    alignItems: 'center',
-                                    justifyContent: 'flex-start',
-                                    height: normalize(30),
-                                    flexDirection: 'row',
-                                }}
-                                textstyle={{
-                                    fontSize: normalize(12),
-                                    fontWeight: 'bold',
-                                    color: '#000000',
-                                    alignItems: 'center',
-                                    textAlign: 'center',
-                                    justifyContent: 'center',
-                                    paddingHorizontal: normalize(5),
-                                }}
-                                icon={{
-                                    'icongroup': 3,
-                                    'name': 'clock',
-                                    'size': normalize(15),
-                                }}
-                                iconstyle={{
-                                    color: item.color,
-                                    paddingLeft: normalize(5),
-                                    textAlign: 'center',
-                                }}
-                                bgcolor={'#ffffff00'}
-                                placeholder={'Consultation Time : '}
-                                height={normalize(23)}
-                                width={normalize(76)}
-                                starttime={'05:00 AM'}
-                                endtime={'05:00 PM'}
-                                timearray={array}
-                                currentindextime={index}
-                                value={item.consultationtime}
-                                callBack={val => (val == undefined ? null : getSingleCT(item, val))}
-                            // checkTimeValidation={true}
-                            />
-                            <Text style={{
-                                fontSize: normalize(9),
-                                top: normalize(5),
-                                left: normalize(7),
-                                color: 'black',
-                                position: 'absolute',
-                                backgroundColor: item.disabledtoken ? '#d0d0d0' : '#ffffff',
-                            }}>Consultation Time</Text>
-                        </View>
-                    </View>
-
-                    <View style={{ justifyContent: 'space-evenly', alignItems: 'center', borderWidth: 0, width: '100%', flexDirection: 'row', marginVertical: normalize(5), marginTop: normalize(10) }}>
-
-                        <View style={{ width: '47%', borderWidth: 0 }}>
-                            {/* <Text style={{ fontSize: normalize(8), paddingHorizontal: 5 }}>Token</Text> */}
-                            <SDropDownNew
-                                buttonstyle={{
-                                    borderWidth: 1,
-                                    borderColor: 'lightgrey',
-                                    borderRadius: 10,
-                                    alignItems: 'center',
-                                    justifyContent: 'flex-start',
-                                    height: normalize(30),
-                                    flexDirection: 'row',
-                                }}
-                                icon={{
-                                    'name': 'file-medical',
-                                    'size': normalize(15),
-                                }}
-                                iconstyle={{
-                                    color: item.color,
-                                    paddingLeft: normalize(5),
-                                    textAlign: 'center',
-                                }}
-                                textstyle={{
-                                    fontSize: normalize(9),
-                                    fontWeight: 'bold',
-                                    color: '#000000',
-                                    alignItems: 'center',
-                                    textAlign: 'center',
-                                    justifyContent: 'center',
-                                    paddingHorizontal: normalize(5),
-                                }}
-                                dropdownapi={'emr/emrcommonget/rnladropdowntokentype'}
-                                dropdowndata={item.bookingtypename}
-                                onChangeData={val =>
-                                    val == undefined ? null : (
-                                        item.bookingtypes = val.datavalue,
-                                        item.bookingtypename = val.displayvalue,
-                                        setRefresh(0),
-                                        setTimeout(() => {
-                                            setRefresh(refresh + 1);
-                                            props.editFlag(true);
-                                            setEdit(true);
-                                        })
-                                    )}
-                                editable={true}
-                                widthArr={Dimensions.get('screen').width * 0.32}
-                                iconName={'file-medical'}
-                                refreshCount={val =>
-                                    val == undefined ? null : null
-                                }
-                            />
-                            <Text style={{
-                                fontSize: normalize(9),
-                                top: normalize(-4),
-                                left: normalize(7),
-                                color: 'black',
-                                position: 'absolute',
-                                backgroundColor: item.disabledtoken ? '#d0d0d0' : '#ffffff',
-                            }}>Token</Text>
-                        </View>
-
-                        <View style={{ width: '47%' }}>
-                            {/* <Text style={{ fontSize: normalize(9), color: 'black' }}>Category</Text> */}
-                            <View
-                                style={{
-                                    height: normalize(30),
-                                    width: '100%',
-                                }}>
-                                <Menu>
-                                    <MenuTrigger
-                                        customStyles={{
-                                            triggerWrapper: {
-                                                width: '100%',
-                                            },
-                                        }}
-                                    >
-                                        <View style={{ borderWidth: 1, borderColor: 'lightgrey', borderRadius: 10, flexDirection: 'row', padding: normalize(4), alignItems: 'center', height: normalize(30) }}>
-                                            <HOCIcons.Icons
-                                                icongroup={3}
-                                                name={item.subcategorytype == 'A' ? 'credit-card-outline' : item.subcategorytype == 'O' ? 'credit-card-clock-outline' : item.subcategorytype == 'W' ? 'credit-card-fast' : 'credit-card-outline'}
-                                                size={normalize(15)}
-                                                color={item.subcategorytype == 'A' ? 'black' : item.subcategorytype == 'O' ? 'darkred' : item.subcategorytype == 'W' ? 'darkgreen' : 'black'}
-                                                style={{ textAlign: 'center' }}
-                                            />
-                                            <Text adjustsFontSizeToFit style={{ color: 'black', fontSize: normalize(9), fontWeight: 'bold', paddingHorizontal: normalize(3) }}>{isNU(item.sucategoryname) ? item.sucategoryname : null}</Text>
-                                        </View>
-                                        <Text style={{
-                                            fontSize: normalize(9),
-                                            top: normalize(-4),
-                                            left: normalize(7),
-                                            color: 'black',
-                                            position: 'absolute',
-                                            backgroundColor: item.disabledtoken ? '#d0d0d0' : '#ffffff',
-                                        }}>Category</Text>
-                                    </MenuTrigger>
-                                    <MenuOptions
-                                        optionsContainerStyle={{ marginTop: normalize(30) }}
-                                        customStyles={{
-                                            optionsContainer: {
-                                                shadowColor: '#000000ff',
-                                                shadowRadius: 10,
-                                                borderRadius: 5,
-                                                borderWidth: 0.5,
-                                                borderColor: 'lightgrey',
-                                                elevation: 3,
-                                                width: normalize(50),
-                                                // width: '20%'
-                                            },
-                                            optionText: {},
-                                        }}>
-                                        <CDropDownList
-                                            // dropdownapi={EMRAPI.getDropDown1}
-                                            dropdownarray={dropdownarray}
-                                            callback={val => val == undefined ? null : (fnCategoryFunction(item, val))}
-                                        />
-                                    </MenuOptions>
-                                </Menu>
-                            </View>
-
-                            {/* <Text style={{ fontSize: normalize(8), fontWeight: 'normal', color: 'black' }}>{'  '}Category</Text>
-                                <SDropDownNew
-                                    buttonstyle={{
-                                        borderWidth: 1,
-                                        borderColor: 'lightgrey',
-                                        borderRadius: 10,
-                                        alignItems: 'center',
-                                        justifyContent: 'flex-start',
-                                        height: normalize(30),
-                                        flexDirection: 'row'
-                                        // elevation: 5
-                                    }}
-                                    icon={{
-                                        'name': 'file-medical',
-                                        'size': normalize(15)
-                                    }}
-                                    iconstyle={{
-                                        color: item.color,
-                                        paddingLeft: normalize(5),
-                                        textAlign: 'center'
-                                    }}
-                                    textstyle={{
-                                        fontSize: normalize(8),
-                                        fontWeight: 'bold',
-                                        color: '#000000',
-                                        alignItems: 'center',
-                                        textAlign: 'center',
-                                        justifyContent: 'center',
-                                        paddingHorizontal: normalize(5)
-                                    }}
-                                    dropdownapi={'emr/emrcommonget/rnladropdowntokensubcategory'}
-                                    dropdowndata={item.sucategoryname}
-                                    onChangeData={val =>
-                                        val == undefined ? null : (item.subcategorytype = val.datavalue,
-                                            item.sucategoryname = val.displayvalue)}
-                                    editable={true}
-                                    widthArr={Dimensions.get('screen').width * 0.32}
-                                    iconName={'file-medical'}
-                                    refreshCount={val =>
-                                        val == undefined ? null : getRefresh()
-                                    }
-                                /> */}
-                        </View>
-
-                    </View>
-                </View>
-                <View style={{ width: item.onlinetoken ? normalize(8) : 4, borderWidth: 0, backgroundColor: item.onlinetoken ? 'teal' : '#aaaaaa', borderTopRightRadius: 10, borderBottomRightRadius: 10, justifyContent: 'center', alignItems: 'center', height: '100%' }}>
-
-                    {item.onlinetoken ?
-
-                        [
-                            { 'data': 'O' },
-                            { 'data': 'N' },
-                            { 'data': 'L' },
-                            { 'data': 'I' },
-                            { 'data': 'N' },
-                            { 'data': 'E' },
-                        ].map((val) => {
-                            return (
-                                <Text style={{
-                                    color: 'white',
-                                    fontSize: normalize(8),
-                                    fontWeight: 'bold',
-                                    textShadowColor: '#000000',
-                                    textShadowOffset: { width: 1, height: 1 },
-                                    textShadowRadius: 1,
-                                    paddingVertical: normalize(5),
-                                }}>
-                                    {val.data}
-                                </Text>
-                            );
-                        })
-
-                        : null}
-
-                </View>
-
-            </View>
-        );
-    }
-
-    function getWeekDayClick(params) {
-        data.forEach((item) => {
-            item.selected = false;
-        });
-        params.selected = true;
-        setFooterData();
-        setDayData(params);
-    }
-
-    function RenderDays(i) {
-
-        switch (i) {
-            case 1:
-                return 'SUN';
-            case 2:
-                return 'MON';
-            case 3:
-                return 'TUE';
-            case 4:
-                return 'WED';
-            case 5:
-                return 'THU';
-            case 6:
-                return 'FRI';
-            case 7:
-                return 'SAT';
-            default:
-                return ' ';
-        }
-    }
-
-    function renderItem({ item }) {
-
-        let day = RenderDays(item.displaytext);
-
-        return (
-            <TouchableOpacity
-                disabled={ValueCheck(item.data) && ArrayCheck(item.data) ? false : true}
-                onPress={() => getWeekDayClick(item)}
-                style={{
-                    flexDirection: 'row',
-                    backgroundColor: '#fff',
-                    borderRadius: 0,
-                    borderWidth: 0,
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    elevation: 5,
-                }}>
-                <View style={{
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                }}>
-                    <View style={{
-                        // elevation: 5,
-                        backgroundColor: item.selected ? '#abddff' : '#fff',
-                        margin: normalize(3),
-                        borderWidth: 2,
-                        borderLeftWidth: 2,
-                        borderBottomWidth: 2,
-                        borderTopWidth: 6,
-                        borderTopLeftRadius: 5,
-                        borderTopRightRadius: 5,
-                        borderBottomLeftRadius: 0,
-                        borderBottomRightRadius: 0,
-                        borderColor: '#b8d8ffff',
-                        height: Dimensions.get('screen').height * 0.06,
-                        width: Dimensions.get('screen').width * 0.131,
-                    }}>
-                        {/* <HOCIcons.Icons
-                            icongroup={8}
-                            name={'calendar'}
-                            size={dividedWidth - 2}
-                            color={'#164c8eff'}
-                            style={{ textAlign: 'center' }}
-                        /> */}
-                    </View>
-                    <Text style={{
-                        opacity: ValueCheck(item.data) && ArrayCheck(item.data) ? 1 : 1,
-                        position: 'absolute',
-                        borderWidth: 0,
-                        alignSelf: 'center',
-                        textAlign: 'center',
-                        fontSize: Dimensions.get('screen').width * 0.05,
-                        fontWeight: 'bold',
-                        // top: normalize(20),
-                        color: ValueCheck(item.data) && ArrayCheck(item.data) ? '#164d8e' : 'red',
-                    }}>{day}</Text>
-                </View>
-            </TouchableOpacity>
-        );
-    }
-
-    function getRefresh() {
-        setFooterData();
-        setTimeout(() => {
-            props.editFlag(true);
-            setEdit(true);
-            setFooterData(footerData);
-        });
-    }
-
-    function getApiPatientData(data, subArray) {
-
-        console.log('.............> Sub Array <......................', JSON.stringify(subArray.tokentypecode));
-        setIsLoading(true);
-        let buttonapi = APIURL + 'emr/emrcommonget/rnhopaptientconsultationtokensweekday ' + consultant + ',' + data.displaytext + ',' + subArray.tokentypecode;
-        console.log('Butttonnnnnnnn apiiiiiiiiiiiiiiiiii', JSON.stringify(buttonapi));
-        NetworkServiceCall('get', buttonapi, '')
-            .then(function (response) {
-                if (response.httpstatus == 200) {
-                    data.daywisedata = response.data;
-                    setTokensArray(response.data);
-                    setIsLoading(false);
-                }
-                else {
-                    setIsLoading(false);
-                    notifyMessage('Data not available. Please try again later', 4);
-                }
-            });
-        getLoading(v => setIsLoading(false));
-    }
-
-    function getTimeDiffernece(params) {
-        var startTime = moment(params.reportingtime, 'HH:mm:ss a');
-        var endTime = moment(params.consultationtime, 'HH:mm:ss a');
-        var duration = moment.duration(endTime.diff(startTime));
-        var hours = parseInt(duration.asHours());
-        var minutes = parseInt(duration.asMinutes());
-        // console.log(hours + ' hr and ' + minutes + ' min');
-        params.waitingtime = minutes;
-        return minutes;
-    }
-
-    function setDisableToken(item) {
-        item.disabledtokens = !item.disabledtokens;
-        var tokensDes = ArrayCheck(item.tokenArr) ? item.tokenArr.map((timings) => ({ ...timings, 'disabledtoken': item.disabledtokens })) : null;
-        item.tokenArr = tokensDes;
-        setRefresh(0);
-        setTimeout(() => {
-            setRefresh(refresh + 1);
-            props.editFlag(true);
-            setEdit(true);
-        });
-    }
-
-    function getSingleRT(item, val) {
-        item.reportingtime = moment(val, 'HH:mm:ss a').format('hh:mm A');
-        getRefresh();
-    }
-
-    function getSingleCT(item, val) {
-
-        item.consultationtime = moment(val, 'HH:mm:ss a').format('hh:mm A');
-        setRefresh(0);
-        setTimeout(() => {
-            setRefresh(refresh + 1);
-            props.editFlag(true);
-            setEdit(true);
-        });
-    }
-
-    function addMinutes(time, minutes) {
-        return moment(time, 'hh:mm A').add(minutes, 'minutes').format('hh:mm A');
-    }
-
-    function getReportingTime(item, val) {
-
-        setIsLoading(true);
-
-        let currentTime = item.reportingtime;
-        let TokenArray = JSON.parse(JSON.stringify(item.tokenArr));
-        let CheckIfExceeded = false;
-
-        TokenArray.filter((token, index) => {
-            token.consultationtime = currentTime;
-            token.reportingtime = addMinutes(currentTime, -val);
-            currentTime = addMinutes(currentTime, val);
-        });
-
-        setTimeout(() => {
-            item.tokenArr = TokenArray;
-            getRefresh();
-            setIsLoading(false);
-        });
-
-        if (CheckIfExceeded) {
-            notifyMessage('Token Time exceeded End time');
-        }
-    }
-
-    function getConsultingTime(item, val) {
-        item.consultationtime = val;
-        getRefresh();
-    }
-
-    function fnMapStatus(i, array) {
-        isBNUL(array) ? array.map((val, k) => { k != i ? (val.selected = false) : null; }) : null;
-    }
-
-    function getDateData(params, subArray, i) {
-
-        setEdit(false);
-        setWttime(30);
-        data.forEach((item) => {
-            item.selected = false;
-        });
-        subArray.selected = true;
-        (isNU(params) && isBNUL(params.data) ? fnMapStatus(i, params.data) : null);
-        setTimeout(() => {
-            params.selected = true;
-            params.daywisedata = [];
-            getApiPatientData(params, subArray);
-            setRefresh(refresh + 1);
-            setFooterData(params);
-        });
-
-    }
-
-    function getSave() {
-        setIsLoading(true);
-        var output = {
-            'groups': {
-                'procedurename': 'rnhosudoctorconsultationorderdetail1',
-                'suuser': Global.userData.suuser,
-                'hosuconsultant': consultant,
-                'dataArray': footerData.daywisedata.tokensArray,
-            },
-        };
-        let buttonapi = APIURL + 'commontemplatesave/RnCommonTemplateSave';
-        console.log('Buttonnnnnnnnnn apiiiiiiiiiiiiiiiiiiiiii', JSON.stringify(buttonapi));
-        console.log('output CBooking apiiiiiiiiiiiiiiiiiiiiii', JSON.stringify(output));
-
-        NetworkServiceCall('post', buttonapi, output).then(function (response) {
-            console.log('output CBooking apiiiiiiiiiiiiiiiiiiiiii', JSON.stringify(response));
-            if (response.httpstatus == 200 && response.data != undefined && response.data != null && response.data.code != undefined && response.data.code > 0) {
-                notifyMessage('Data Saved', 1);
-                setFooterData();
-                setDayData();
-                setData();
-                setEdit(false);
-                setIsLoading(false);
-                getConsultation(consultant);
-            } else {
-                setIsLoading(false);
-                notifyMessage('Data Not Saved!!!!!', 2);
-            }
-        });
-        // getLoading(v => setIsLoading(false))
-    }
-
-    function getFooterIconsFunctions(val) {
-        switch (val.functionid) {
-            case 'CB01':
-                ValueCheck(footerData) && ValueCheck(footerData.daywisedata) && ArrayCheck(footerData.daywisedata.tokensArray) ? getSave() : console.log('Disabled');
-                break;
-            case 'CB02': props.callBack(4);
-                break;
-            case 'CB03': props.callBack(1);
-                break;
-            case 'CB04': props.callBack(0);
-                break;
-            case 'CB05': props.callBack(2);
-                break;
-            case 'CB06': props.callBack(5);
-                break;
-            default: console.log('Deault');
-                break;
-        }
-    }
-
-    function renderFlashList(array) {
-
-        return (
-            <View style={{ minHeight: 2, flex: 1 }}>
-                <FlatList
-                    nestedScrollEnabled={true}
-                    data={array}
-                    renderItem={(k) => renderFooterView(k)}
-                    keyExtractor={(item, index) => 'key' + index}
-                    listKey={(item, index) => 'key' + index}
-                />
-            </View>
-        );
-    }
-
-    return (
-        <View style={{ flex: 1, marginTop: normalize(-2) }}>
-            <View
-                style={{
-                    backgroundColor: '#f2efef',
-                    paddingVertical: 3,
-                    paddingHorizontal: 6,
-                    marginTop: 3,
-                    marginBottom: 2,
-                    display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    borderTopLeftRadius: 20,
-                    borderTopRightRadius: 20,
-                }}>
-                <TouchableOpacity onPress={() => { }}
-                    disabled={true}
-                    style={{
-                        width: normalize(30),
-                        alignItems: 'center',
-                        marginRight: 5,
-                    }}>
-                    <FontAwesome5 name={'stack-overflow'} color={Global.AppTheme.primary_color}
-                        size={normalize(16)}
-                    />
-                </TouchableOpacity>
-                <CText
-                    style={{
-                        textShadowRadius: 2,
-                        fontSize: normalize(14),
-                        fontWeight: 'bold',
-                        color: Global.AppTheme.primary_color,
-                        flex: 1,
-                    }}>
-                    {'TOKEN'}
-                </CText>
-                <TouchableOpacity
-                    onPress={() => {
-                        navigation.navigate('PdfPreview', { 'link': APIURL + 'jremr/jrcommonreport/jrhosuconsultanttokenreport(0,' + Global.userData.hosuconsultant + ')/0/consulttoken' });
-                    }}
-                    style={{
-                        borderWidth: 0,
-                        justifyContent: 'center',
-                        alignItems: 'center',
-                    }}>
-                    <HOCIcons.MaterialCommunityIcons
-                        name={'grid'}
-                        color={Global.AppTheme.primary_color}
-                        size={normalize(25)}
-                    />
-                    <Text style={{
-                        color: Global.AppTheme.primary_color,
-                        fontSize: normalize(7),
-                        fontWeight: 'bold',
-                        textAlign: 'center',
-                    }}>
-                        {'Token Summary'}
-                    </Text>
-                </TouchableOpacity>
-            </View>
-
-            {isLoading ?
-                <Loader displaytext={true} />
-                : null}
-
-            <View style={{ flexDirection: 'column' }}>
-                {Global.userData.hosuconsultant == 0 ?
-                    <View style={{ paddingHorizontal: normalize(8), marginBottom: normalize(4) }}>
-                        <Text style={{ fontSize: normalize(8), paddingHorizontal: 5 }}>Consultant :</Text>
-                        <SDropDownNew
-                            dropdownapi={'emr/emrcommonget/exec rndddwdropdownselect 1'}
-                            dropdowndata={ValueCheck(Global.userData.hosuconsultant) && Global.userData.hosuconsultant > 0 ? Global.userData.username : ''}
-                            onChangeData={val => val == undefined ? null : getConsultation(val.datavalue)}
-                            editable={true}
-                            widthArr={Dimensions.get('screen').width * 0.96}
-                            iconName={'user-md'}
-                            refreshCount={val => val == undefined ? null : console.log('Refresh')}
-                        />
-                    </View>
-                    : null}
-                <View style={{ borderWidth: 0, marginVertical: normalize(5) }}>
-                    <FlatList
-                        data={data}
-                        style={{ backgroundColor: '#fff' }}
-                        horizontal
-                        renderItem={(k) => renderItem(k)}
-                        keyExtractor={(item, index) => 'key' + index}
-                    />
-                </View>
-                <View>
-                    {ValueCheck(dayData) && ArrayCheck(dayData.data) ?
-                        <View style={{
-                            borderWidth: 0,
-                            borderTopWidth: 0,
-                            borderRadius: 5,
-                            borderColor: 'grey',
-                            backgroundColor: '#ffffff',
-                            paddingHorizontal: normalize(5),
-                        }}>
-                            <View style={{ flexDirection: 'row', flexWrap: 'wrap', paddingVertical: normalize(5) }}>
-                                {dayData.data.map((item, i) => {
-                                    return (
-                                        <TouchableOpacity
-                                            key={i}
-                                            disabled={false}
-                                            onPress={() => getDateData(dayData, item, i)}
-                                            style={{
-                                                minWidth: Dimensions.get('screen').width * 0.18,
-                                                minHeight: Dimensions.get('screen').width * 0.1,
-                                                borderRadius: 10,
-                                                marginBottom: normalize(3),
-                                                marginLeft: normalize(3),
-                                                paddingVertical: normalize(3),
-                                                alignItems: 'flex-start',
-                                                backgroundColor: item.selected ? '#97d6ff' : 'white',
-                                                borderWidth: 0.5,
-                                                borderColor: item.color ? item.color : 'grey',
-                                                paddingHorizontal: normalize(3),
-                                                borderBottomWidth: 3,
-                                                borderLeftWidth: 3,
-                                                opacity: 0.8,
-                                                flexDirection: 'column',
-                                                justifyContent: 'space-between',
-                                            }}>
-                                            <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-                                                <Icons.FontAwesome5 name={ValueCheck(item.iconname) ? item.iconname : 'coins'} color={item.color} size={normalize(20)} />
-                                                <Text style={{ fontWeight: 'bold', fontSize: normalize(18), color: 'black', paddingLeft: normalize(10), textAlign: 'center' }}>
-                                                    {item.value}
-                                                </Text>
-                                            </View>
-                                            <Text numberOfLines={1} style={{
-                                                alignSelf: 'center',
-                                                fontSize: normalize(10),
-                                                fontWeight: '700',
-                                                color: 'black',
-                                            }}>
-                                                {item.key}
-                                            </Text>
-                                        </TouchableOpacity>
-                                    );
-                                })}
-                            </View>
-                        </View>
-                        : null}
-                </View>
-            </View>
-            <View style={{ flex: 1, borderWidth: 0 }}>
-                {ValueCheck(footerData) && ValueCheck(footerData.data) && ValueCheck(footerData.daywisedata) && ArrayCheck(footerData.daywisedata.tokensArray) ?
-                    <View style={{ flex: 1, minHeight: 2, borderWidth: 0 }}>
-                        {isNU(footerData) && isNU(footerData.daywisedata) && isBNUL(footerData.daywisedata.tokensArray) ?
-                            renderFlashList(footerData.daywisedata.tokensArray)
-                            : null}
-                    </View>
-                    : null}
-            </View>
-
-            <View style={{
-                // position: 'absolute',
-                flexDirection: 'row',
-                borderTopColor: '#c9c7c7',
-                borderTopWidth: 2,
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                paddingHorizontal: 1,
-                bottom: 0,
-                paddingVertical: 5,
-                width: '100%',
-                backgroundColor: '#fff',
-            }}>
-                {[{
-                    'displaytext': 'Save',
-                    'size': 10,
-                    'iconname': 'save',
-                    'iconcolor': Global.AppTheme.primary_color,
-                    'fontcolor': Global.AppTheme.primary_color,
-                    'shadowcolor': '#fff',
-                    'selected': false,
-                    'visibility': edit ? true : false,
-                    'iconsize': 20,
-                    'functionid': 'CB01',
-                    'iconsize': 20,
-                    'functionid': 'CB01',
-                    'componentname': 'SetUpVitalSign',
-                    'icongroup': 4,
-                },
-                {
-                    'displaytext': 'Monthly',
-                    'iconname': 'calendar-check-o',
-                    'stage': 1,
-                    'visibility': true,
-                    'functionid': 'CB04',
-                    'icongroup': 4,
-                },
-                {
-                    'key': 3,
-                    'iconname': 'stack-overflow',
-                    'displaytext': 'Tokens',
-                    'visibility': true,
-                    'functionid': 'CB05',
-                    'icongroup': 4,
-                },
-                {
-                    'iconname': 'user-md',
-                    'displaytext': 'Booking',
-                    'stage': 1,
-                    'visibility': true,
-                    'functionid': 'CB03',
-                    'icongroup': 4,
-                },
-                {
-                    'iconname': 'exchange',
-                    'displaytext': 'Postpone',
-                    'stage': 5,
-                    'visibility': true,
-                    'selected': true,
-                    'functionid': 'CB06',
-                    'icongroup': 4,
-                },
-                    // {
-                    //     "icongroup": 4,
-                    //     "displaytext": "Report", "size": 10, "iconname": "file-pdf-o", "iconcolor": Global.AppTheme.primary_color,
-                    //     "fontcolor": Global.AppTheme.primary_color, "shadowcolor": '#fff', "selected": false, "visibility": true, "iconsize": 20, "functionid": "CB02",
-                    // }
-                ].map((item, i) => {
-                    return (
-                        item.visibility ?
-
-                            <View>
-                                <CAwesomeButton
-                                    key={i}
-                                    data={{
-                                        ...item,
-                                        'width': normalize(45),
-                                        'shadowcolor': '#fff',
-                                        'iconcolor': item.displaytext == 'Tokens' ? '#db04ac' : item.displaytext == 'Save' ? 'red' : Global.AppTheme.primary_color,
-                                        'fontcolor': item.displaytext == 'Tokens' ? '#db04ac' : item.displaytext == 'Save' ? 'red' : Global.AppTheme.primary_color,
-                                    }}
-                                    callBack={val => val == undefined ? null : getFooterIconsFunctions(item)}
-                                />
-                            </View>
-
-                            // <TouchableOpacity key={i} style={{ alignItems: 'center', justifyContent: 'center' }}
-                            //     onPress={() => getFooterIconsFunctions(item)}>
-                            //     <Icons.FontAwesome name={item.iconname} color={item.displaytext == "Tokens" ? "#db04ac" : item.displaytext == "Save" ? "red" : "black"} size={normalize(20)} />
-                            //     <Text style={{ color: item.displaytext == "Tokens" ? "#db04ac" : item.displaytext == "Save" ? "red" : "black", fontSize: normalize(10) }}>{item.displaytext}</Text>
-                            // </TouchableOpacity>
-
-                            : null
-                    );
-                })}
-            </View>
-        </View>
-    );
-};
-export default CTokenAllocation;