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

package/src/Custom/CCalendar.js

@@ -0,0 +1,560 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Text, View, FlatList, TouchableOpacity, Dimensions, ActivityIndicator } from 'react-native';
+import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
+import { normalize } from '../CommonStyle/componentStyle';
+import CPiechart from '../Custom/Charts/CPieChart';
+import CTable from '../Custom/TableComponent/CTable';
+import { APIURL } from '../../../../../src/Common/apiConstants';
+import { ArrayCheck, getLoading, notifyMessage, ValueCheck } from '../CommonStyle/ComponentFunctions';
+import { Global } from '../../../../../src/Common/Global';
+import { NetworkServiceCall } from '@jescon-technologies/react-native-ui-kit';
+import HHeading from '../HOC/HHeading';
+import Loader from './Loader';
+import CCard from './CCard';
+import { useIsFocused, useNavigation } from '@react-navigation/native';
+
+const CCalendar = () => {
+    const navigation = useNavigation();
+    const { width, height } = Dimensions.get('screen');
+    const flatlistRef = useRef();
+    const dividedWidth = width / 7;
+    const [data, setData] = useState();
+    const [refresh, setRefresh] = useState(0);
+    const [isLoading, setIsLoading] = useState(false);
+    const [showTable, setShowTable] = useState(false);
+    const [PichartVisibility, setPiechartVisibility] = useState(true);
+    const [footerData, setFooterData] = useState();
+    const formatedPieChart = [];
+    const formatedPieDisplayText = [];
+    const formatedPieColor = [];
+
+    const SumwithoutFS = [];
+    var PiechartSecondWOFV = []; //totalsum - firstvisitsum
+    var monthlysumResult = []; //totalsum - monthly
+    var monthlyColorCode = [];
+
+
+
+    const [monthTotal, setmonthTotal] = useState();
+    const [totalMonthChart, settotalMonthChart] = useState([]);
+    const [ColorCode, setColorCode] = 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());
+    let monthName = months[monthinno];
+    const [year, setYear] = useState(d.getFullYear());
+    const isFocused = useIsFocused();
+
+    useEffect(() => {
+        if (isFocused == true) {
+            Global.PatientDetails = null;
+            Global.ChartDataLeft = null;
+            Global.ChartDataAll = null;
+            Global.ChartDataLeft = null;
+        }
+    }, [isFocused]);
+
+    useEffect(() => {
+        getConsultation(Global.userData.hosuconsultant, year, monthinno);
+    }, []);
+
+    if (footerData) {
+        footerData.data != undefined && footerData.data.map((item, index) => {
+            formatedPieChart.push(item.value);
+            formatedPieDisplayText.push({ 'display': item.key, 'color': item.color });
+            formatedPieColor.push(item.color);
+            if (item.key != 'FIRSTVISIT') {
+                SumwithoutFS.push(item.value);
+            }
+        });
+        const sum1 = SumwithoutFS.reduce((partial_sum, a) => partial_sum + a, 0);
+        const sum2 = formatedPieChart.reduce((partial_sum, a) => partial_sum + a, 0);
+        var SubstractedFV = sum2 - sum1;
+        PiechartSecondWOFV = [sum1, SubstractedFV];
+
+    }
+
+    function getConsultation(consultant, year, month) {
+        var monthReal = month + 1;
+        // let buttonapi = "http://111.92.109.30:8090/emr/emrcommonget/rnhococonsultationhistory%207,2022,8"
+        let buttonapi = APIURL + 'emr/emrcommonget/rnhococonsultationhistoryemr ' + consultant + ',' + year + ',' + monthReal;
+        console.log('>>>>>>>><<<<<<<<<<KKKKKK>>>>>>>>><<<<<<<<<<<<<', buttonapi);
+        setIsLoading(true);
+        NetworkServiceCall('get', buttonapi, '')
+            .then(function (response) {
+                if (response.httpstatus == 200 && response.data != null && response.data != undefined) {
+                    setIsLoading(false);
+                    setData(response.data.monthdata);
+                    getMonthSum(response.data.monthdata);
+                }
+                else {
+                    setIsLoading(false);
+                    notifyMessage('Consultation not available,Please try again later', 4);
+                }
+            });
+
+        getLoading(v => setIsLoading(false));
+    }
+
+    function getApiPatientData(data) {
+        setIsLoading(true);
+        let buttonapi = APIURL + 'emr/emrcommonget/rnhococonsultationhistorypatient ' + Global.userData.hosuconsultant + ',' + JSON.stringify(data.date);
+        console.log('Button Apiiiiiiiiiii', JSON.stringify(buttonapi));
+        NetworkServiceCall('get', buttonapi, '')
+            .then(function (response) {
+                if (response.httpstatus == 200) {
+                    data.patientdetails = response.data.patientdata;
+                    setTimeout(() => {
+                        flatlistRef.current.scrollToEnd({ animating: true });
+                    }, 2000);
+                    setIsLoading(false);
+                }
+                else {
+                    setIsLoading(false);
+                    notifyMessage('Patient data not available', 4);
+                }
+            });
+
+        getLoading(v => setIsLoading(false));
+    }
+
+    function onPressPieChart() {
+        setPiechartVisibility(!PichartVisibility);
+        // flatlistRef.current.scrollToEnd({ animating: true });
+    }
+
+    function IncrementMonth() {
+        setFooterData(null);
+        if (monthinno != 11) {
+            if (monthinno < 11) {
+                setMonthInNo(monthinno + 1);
+            } else {
+                setYear(year + 1);
+                setMonthInNo(0);
+            }
+            getConsultation(Global.userData.hosuconsultant, year, monthinno + 1);
+        } else {
+            setMonthInNo(0);
+            setYear(year + 1);
+            getConsultation(Global.userData.hosuconsultant, year + 1, 0);
+        }
+    }
+
+    function DAYNAME(year, month) {
+        var date = new Date(year, month, 1);
+        var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+        return days[date.getDay()];
+    }
+
+    function DecrementMonth() {
+        if (monthinno != 0) {
+            setFooterData(null);
+            if (monthinno > 0) {
+                setMonthInNo(monthinno - 1);
+            } else {
+                setYear(year - 1);
+                setMonthInNo(11);
+            }
+            getConsultation(Global.userData.hosuconsultant, year, monthinno - 1);
+        } else {
+            setYear(year - 1);
+            setMonthInNo(11);
+            getConsultation(Global.userData.hosuconsultant, year - 1, 11);
+        }
+    }
+
+    return (
+        <View style={{ marginTop: normalize(-3) }}>
+            <HHeading
+                styles={{
+                    'iconname': 'calendar',
+                    'bgcolor': '#f2efef',
+                    'iconsize': 16,
+                    'iconcolor': Global.AppTheme.primary_color,
+                    'displaytext': 'CONSULTATION',
+                    'textsize': 14,
+                    'textcolor': Global.AppTheme.primary_color,
+                }}
+                callBack={val => (val == undefined ? null : console.log(val))} />
+
+            {isLoading ?
+                <Loader displaytext={true} />
+                : null}
+            <View style={{ backgroundColor: 'transparent' }}>
+                {/* <Text style={{ fontWeight: 'bold', fontSize: normalize(16), alignSelf: 'flex-end', paddingRight: 10 }}>{monthTotal}</Text> */}
+                <View style={{ flexDirection: 'row', alignSelf: 'center', alignItems: 'center', justifyContent: 'space-between', width: '50%' }}>
+                    <FontAwesome5 name="arrow-left" color="black" size={normalize(20)} onPress={() => DecrementMonth()} />
+                    <Text style={{ fontSize: normalize(16), color: 'black', paddingHorizontal: 10 }}>{monthName} {year}</Text>
+                    <FontAwesome5 name="arrow-right" color="black" size={normalize(20)} onPress={() => IncrementMonth()} />
+                </View>
+            </View>
+            <View style={{ flexDirection: 'row', height: normalize(20), alignItems: 'center', justifyContent: 'center' }}>
+                {['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'].map((week, i) => {
+                    return (
+                        <View key={i} style={{ width: dividedWidth, alignItems: 'center', borderWidth: 0.5 }}>
+                            <Text style={{ fontSize: normalize(12), fontWeight: 'bold', color: i == 0 ? 'red' : 'black' }}>{week}</Text>
+                        </View>);
+                })}
+            </View >
+            <FlatList
+                ref={flatlistRef}
+                data={data}
+                style={{ width: '100%', marginBottom: normalize(85) }}
+                renderItem={renderItem}
+                keyExtractor={(item) => item.displaytext}
+                numColumns={7}
+                ListFooterComponent={footerComponent}
+                ListFooterComponentStyle={{ width: width }}
+            />
+        </View>
+    );
+
+    function footerComponent() {
+        return (
+            <View>
+                {totalMonthChart != null && totalMonthChart != undefined && totalMonthChart.length > 0 ?
+                    <View>
+                        {/* <Text style={{ fontSize: normalize(12), alignSelf: 'center', paddingVertical: 5 }}>Monthly Summary of {monthName},{year}</Text> */}
+                        <View style={{ flexDirection: 'row' }}>
+                            <CPiechart
+                                data={totalMonthChart.map((item) => ({
+                                    'value': item,
+                                }))}
+                                colorArr={ColorCode}
+                                style={{ 'innerRadius': 40, 'outerRadius': 60, 'labelRadius': 75, 'height': 0.27 }} />
+
+                            <View style={{ flex: 1, justifyContent: 'center' }} >
+                                {ColorCode.map((display, p) => {
+                                    return (
+                                        display != null && display != undefined ?
+                                            <View key={p} style={{ flexDirection: 'row', alignItems: 'center', paddingVertical: normalize(4) }}>
+                                                <View style={{
+                                                    width: normalize(20), height: normalize(15),
+                                                    backgroundColor: ColorCode[p], borderRadius: 5, alignItems: 'center', justifyContent: 'center',
+                                                    marginRight: 5,
+                                                }}>
+                                                    <Text style={{ fontSize: normalize(9), fontWeight: 'bold', color: 'white' }}>{totalMonthChart[p]}</Text>
+                                                </View>
+                                                <Text style={{ fontSize: normalize(12) }}>{getDisplayText(display)}</Text>
+                                            </View> : null);
+                                })}
+
+                                <View style={{ flexDirection: 'row', alignItems: 'center', paddingVertical: normalize(4) }}>
+                                    <View style={{
+                                        width: normalize(30), height: normalize(20),
+                                        backgroundColor: 'black', borderRadius: 5, alignItems: 'center', justifyContent: 'center',
+                                        marginRight: 5,
+                                    }}>
+                                        <Text style={{ fontSize: normalize(14), fontWeight: 'bold', color: 'white' }}>{monthTotal}</Text>
+                                    </View>
+                                    <Text style={{ fontSize: normalize(12), fontWeight: 'bold' }}>{'Total'}</Text>
+                                </View>
+                                {/* <Text style={{ alignSelf: 'center', paddingTop: 5, fontSize: normalize(10) }}>Total :<Text style={{ fontSize: normalize(16), fontWeight: 'bold' }}>{monthTotal} </Text></Text> */}
+                            </View>
+                        </View>
+                    </View> : null}
+                {footerData != null && footerData != undefined ?
+                    <View>
+                        <Text style={{ fontSize: normalize(12), fontWeight: 'bold', alignSelf: 'center', paddingVertical: 0 }}>Daywise Summary for {footerData.displaytext} {monthName}-{year}</Text>
+                        {/* <View>
+                            <Text style={{ fontSize: normalize(12), alignSelf: 'center', paddingVertical: 5 }}>Daywise Summary for {footerData.displaytext} {monthName}-{year}</Text>
+                            <View style={{ flexDirection: 'row' }}>
+                                {PiechartSecondWOFV.length > 0 ?
+                                    <CPiechart
+                                        data={PiechartSecondWOFV.map((item) => ({
+                                            "value": item
+                                        }))}
+                                        style={{ "innerRadius": 30, "outerRadius": 60, "labelRadius": 80, "height": 0.30 }} /> : null}
+                                <View>
+                                    <View style={{ flex: 1, paddingVertical: 15 }} >
+                                        {["OTHERS", "NEW PATIENT"].map((display, p) => {
+                                            return (
+                                                <View key={p} style={{ flexDirection: 'row', alignItems: 'center', paddingVertical: normalize(4) }}>
+                                                    <View style={{ width: normalize(15), height: normalize(15), backgroundColor: getPieColor(p), borderRadius: 5, marginHorizontal: 10 }}></View>
+                                                    <Text style={{ fontSize: normalize(12) }}>{display}</Text>
+                                                </View>)
+                                        })}
+                                    </View>
+                                    <TouchableOpacity style={{ alignSelf: 'flex-end', paddingBottom: normalize(20) }} onPress={() => onPressPieChart()}>
+                                        <Text style={{ fontSize: normalize(12), backgroundColor: PichartVisibility ? '#cbf7a5' : '#f4efef', padding: 5, borderRadius: 10 }}>Split Up</Text>
+                                    </TouchableOpacity>
+                                </View>
+                            </View>
+                        </View> */}
+                        {PichartVisibility && formatedPieChart.length > 0 ?
+                            <View style={{ flexDirection: 'row' }}>
+                                <CPiechart
+                                    data={formatedPieChart.map((item) => ({
+                                        'value': item,
+                                    }))}
+                                    colorArr={formatedPieColor}
+                                    style={{ 'innerRadius': 40, 'outerRadius': 60, 'labelRadius': 75, 'height': 0.25 }} />
+                                <View style={{ flex: 1, paddingVertical: normalize(5), justifyContent: 'center' }}>
+                                    {formatedPieDisplayText.map((display, p) => {
+                                        return (
+                                            <View key={p} style={{ flexDirection: 'row', alignItems: 'center', paddingVertical: normalize(4) }}>
+                                                <View style={{ width: normalize(15), height: normalize(15), backgroundColor: display.color, borderRadius: 5, marginHorizontal: 10 }} />
+                                                <Text style={{ fontSize: normalize(11) }}>{display.display}</Text>
+                                            </View>);
+                                    })}
+                                </View>
+                            </View> : null}
+
+                        {ValueCheck(footerData) && ArrayCheck(footerData.patientdetails) && footerData.patientdetails != 'NULL' ?
+                            <View style={{}}>
+                                <HHeading
+                                    styles={{
+                                        'iconname': 'user-injured',
+                                        'bgcolor': '#f2efef',
+                                        'iconsize': 16,
+                                        'iconcolor': Global.AppTheme.primary_color,
+                                        'displaytext': 'PATIENTS - ' + footerData.displaytext + ' ' + monthName + ' ' + year,
+                                        'textsize': 14,
+                                        'textcolor': Global.AppTheme.primary_color,
+                                    }}
+                                    callBack={val => (val == undefined ? null : console.log(val))} />
+
+                                <View style={{ marginLeft: 10, flex: 1, marginBottom: normalize(40) }}>
+                                    <CCard
+                                        // filter={filter}
+                                        search={''}
+                                        noscroll={true}
+                                        disableTouch={true}
+                                        navigation={navigation}
+                                        data={(footerData.patientdetails.map((Pdata, i) => ({
+                                            'datalistid': i + 1,
+                                            'bordercolor': '#143A81',
+                                            'hopapatient': ValueCheck(Pdata.hopapatient) ? Pdata.hopapatient : 0,
+                                            'verified': false,
+                                            'homrpatientchartdetailstatus': 0,
+                                            'homrpatientchart': 0,
+                                            'profilecontent': [
+                                                {
+                                                    'patientno': ValueCheck(Pdata.patientid) ? (Pdata.patientid).toString() : '',
+                                                    'patientname': ValueCheck(Pdata.patientname) ? Pdata.patientname : '',
+                                                    'heading3': '',
+                                                    'patienttype': 'OP',
+                                                    'gender': Pdata.gender == 'F' ? 'FEMALE' : 'MALE',
+                                                    'age': ValueCheck(Pdata.age) ? Pdata.age : '',
+                                                    'mobileno': ValueCheck(Pdata.mobileno) ? Pdata.mobileno : '',
+                                                    'badgecolor': 'red',
+                                                    'badgenumber': ValueCheck(Pdata.key) ? Pdata.key : i + 1,
+                                                    'logo1': ValueCheck(Pdata.bookingstatus) ?  'BOOKING' : 'OP',
+                                                    'place': ValueCheck(Pdata.place) ? Pdata.place : '',
+                                                    'clinicalunit': ValueCheck(Pdata.clinicalunit) ? Pdata.clinicalunit : '',
+                                                    'admitteddoctor': ValueCheck(Pdata.admitteddoctor) ? Pdata.admitteddoctor : '',
+                                                },
+                                            ],
+                                            'centercontent': [
+                                                {
+                                                    'id': 1,
+                                                    'displaytext': ValueCheck(Pdata.place) ? Pdata.place : '',
+                                                    'iconname': 'home',
+                                                    'iconcolor': '#000000',
+                                                },
+                                                {
+                                                    'id': 3,
+                                                    'displaytext': ValueCheck(Pdata.clinicalunit) ? Pdata.clinicalunit : '',
+                                                    'iconname': 'hospital',
+                                                    'iconcolor': '#000000',
+                                                },
+                                            ],
+                                            'rightcontent': [
+                                                {
+                                                    'contentid': 1,
+                                                    'displaytext': 'Last Visited',
+                                                    'value': ValueCheck(Pdata.lastvisited) ? Pdata.lastvisited : '',
+                                                },
+                                            ],
+                                            'leftcontent': [
+                                                {
+                                                    'contentid': 1,
+                                                    'displaytext': 'Last Visited',
+                                                    'value': '',
+                                                },
+                                            ],
+                                        })))}
+                                    />
+                                </View>
+                            </View> : null}
+
+                        {/* {footerData.patientdetails != undefined && footerData.patientdetails != "NULL" ?
+                            <CTable data={footerData.patientdetails} date={footerData.displaytext + " " + monthName + " " + year} /> : null} */}
+
+                    </View> : null}
+
+            </View>
+        );
+    }
+
+    function getDateData(params) {
+        data.forEach((item) => {
+            item.selected = false;
+        });
+        params.selected = true;
+        params.patientdetails = [];
+        getApiPatientData(params);
+        // console.log("CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC", JSON.stringify(params.patientdetails))
+        setRefresh(refresh + 1);
+        setFooterData(params);
+    }
+
+    function renderItem({ item }) {
+        return (
+            <TouchableOpacity style={{
+                width: dividedWidth, alignItems: 'center', paddingTop: 5,
+                borderWidth: 0.5, backgroundColor: item.selected == true ? '#dbd6d6' : '#fff',
+            }} onPress={() => getDateData(item)} disabled={item.data == undefined ? true : false}
+            >
+                <View style={{
+                    alignItems: 'center', justifyContent: 'center',
+                }}>
+                    <Text style={{ color: '#b6b5b7', fontSize: normalize(16), fontWeight: 'bold' }}>{item.displaytext == 0 ? '' : item.displaytext}</Text>
+                </View>
+                <View style={{
+                    flexDirection: 'row', width: '100%', flex: 1, alignItems: 'center',
+                    justifyContent: 'space-between', flexWrap: 'wrap', paddingHorizontal: 1, paddingTop: normalize(10), paddingBottom: normalize(5),
+                }}>
+                    {item.data != undefined ? item.data.map((subArray, h) => {
+                        return (
+                            <View key={h} style={{
+                                width: normalize(22), borderRadius: 5, justifyContent: 'center',
+                                alignItems: 'center', marginBottom: 1, marginTop: normalize(5),
+                                backgroundColor: '#fff', borderWidth: 0.7, borderColor: subArray.color,
+                            }}>
+                                <Text adjustsFontSizeToFit style={{ fontSize: normalize(12), color: subArray.color }}>{subArray.value}</Text>
+                            </View>
+                        );
+                    }) : null}
+                </View>
+                {item.data != undefined && item.data.length > 0 ?
+                    <View style={{ width: '100%', alignItems: 'center', flexDirection: 'row', justifyContent: 'space-evenly' }}>
+                        <Text style={{ fontWeight: 'bold', fontSize: normalize(16) }}>{item.data != undefined ? getSum(item.data) : null}</Text>
+                    </View> : null}
+            </TouchableOpacity>
+        );
+    }
+
+    function getMonthSum(params) {
+        var HHH = [];
+        var TotalMonthSumRevisit = [];
+        var TotalMonthSumRenewal = [];
+        var TotalMonthSumFirstVisit = [];
+        var TotalMonthSumAdmission = [];
+        var TotalMonthSumRegistration = [];
+        var TotalMonthSumBooking = [];
+        var monthSum;
+        var TotalSumReVisit;
+        var TotalSumRenewal;
+        var TotalfirstvisitSum;
+        var TotalMonthAdmission;
+        var TotalMonthRegistration;
+        var TotalMonthBooking;
+
+        params.map((items, i) => {
+            var array = (items.data != undefined ? items.data : []).reduce((n, { value }) => n + value, 0);
+            HHH.push(array);
+            monthSum = HHH.reduce((partial_sum, a) => partial_sum + a, 0);
+        });
+        for (var i = 0; i < params.length; i++) {
+            var Narray = params[i].data != undefined && params[i].data.filter(function (el) {
+                return el.key === 'CROSS CONSULTATION';
+            });
+            var NarrayRenewal = params[i].data != undefined && params[i].data.filter(function (el) {
+                return el.key === 'RENEWAL';
+            });
+            var NarrayFirstVisit = params[i].data != undefined && params[i].data.filter(function (el) {
+                return el.key === 'FIRSTVISIT';
+            });
+
+            var NarrayAdmission = params[i].data != undefined && params[i].data.filter(function (el) {
+                return el.key === 'ADMISSION';
+            });
+
+            var NarrayRegistration = params[i].data != undefined && params[i].data.filter(function (el) {
+                return el.key === 'REGISTRATION';
+            });
+
+            var NarrayBooking = params[i].data != undefined && params[i].data.filter(function (el) {
+                return el.key === 'BOOKING';
+            });
+
+            if (Narray != false) {
+                TotalMonthSumRevisit.push(Narray[0].value);
+                var c1 = Narray[0].color;
+            }
+            if (NarrayRenewal != false) {
+                TotalMonthSumRenewal.push(NarrayRenewal[0].value);
+                var c2 = NarrayRenewal[0].color;
+            }
+            if (NarrayFirstVisit != false) {
+                TotalMonthSumFirstVisit.push(NarrayFirstVisit[0].value);
+                var c3 = NarrayFirstVisit[0].color;
+            }
+            if (NarrayAdmission != false) {
+                TotalMonthSumAdmission.push(NarrayAdmission[0].value);
+                var c4 = NarrayAdmission[0].color;
+            }
+
+            if (NarrayRegistration != false) {
+                TotalMonthSumRegistration.push(NarrayRegistration[0].value);
+                var c5 = NarrayAdmission[0].color;
+            }
+
+            if (NarrayBooking != false) {
+                TotalMonthSumBooking.push(NarrayBooking[0].value);
+                var c6 = NarrayBooking[0].color;
+            }
+
+
+            TotalSumReVisit = TotalMonthSumRevisit.reduce((partial_sum, a) => partial_sum + a, 0);
+            TotalSumRenewal = TotalMonthSumRenewal.reduce((partial_sum, a) => partial_sum + a, 0);
+            TotalfirstvisitSum = TotalMonthSumFirstVisit.reduce((partial_sum, a) => partial_sum + a, 0);
+            TotalMonthAdmission = TotalMonthSumAdmission.reduce((partial_sum, a) => partial_sum + a, 0);
+            TotalMonthRegistration = TotalMonthSumRegistration.reduce((partial_sum, a) => partial_sum + a, 0);
+            TotalMonthBooking = TotalMonthSumBooking.reduce((partial_sum, a) => partial_sum + a, 0);
+
+        }
+        setmonthTotal(monthSum);
+        monthlysumResult = [TotalSumReVisit, TotalSumRenewal, TotalfirstvisitSum, TotalMonthAdmission, TotalMonthRegistration, TotalMonthBooking];
+        monthlyColorCode = [c1, c2, c3, c4, c5, c6];
+        setColorCode(monthlyColorCode);
+        settotalMonthChart(monthlysumResult);
+    }
+
+    function getSum(data) {
+        // console.log("DATTATATATTAT",JSON.stringify(data))
+        var val = data.reduce(function (previousValue, currentValue) {
+            return {
+                value: previousValue.value + currentValue.value,
+            };
+        });
+        return val.value;
+    }
+
+    function getPieColor(params) {
+        switch (params) {
+            case 0: return 'blue';
+            case 1: return '#0f6d2e';
+            case 2: return '#e81717';
+            case 3: return '#7a0c0c';
+            case 4: return '#7b36bc';
+            case 5: return '#f28909';
+            case 6: return '#0cd3cd';
+            case 7: return '#ad400a';
+            default: return 'black';
+        }
+    }
+
+    function getDisplayText(params) {
+        switch (params) {
+            case '#00cccc': return 'Cross Consultation';
+            case '#ff9900': return 'Renewal';
+            case '#0066ff': return 'First Visit';
+            case '#7a1241': return 'Booking';
+            case '#cc3300': return 'Admission';
+            default: return 'black';
+        }
+    }
+};
+export default CCalendar;