{"version":3,"sources":["pages-public/DashboardPublic/ChartDasawismaSection/index.js"],"names":["ChartDasawismaSection","ReducersKader","useSelector","state","useEffect","console","log","barChart","className","style","minHeight","Boolean","isNull","src","LoadingIo","alt","options","OptionsHorizontalBarChart","title","label","labels","xValue","series","SeriesHorizontalBarChart","yValue","type","height"],"mappings":"8HAAA,8FA2CeA,UAnCe,WAAO,IACzBC,EAAkBC,aAAY,SAAAC,GAAK,OAAIA,KAAvCF,cAIR,OAHAG,qBAAU,WACNC,QAAQC,IAAI,iBAAkBL,EAAcM,YAC7C,CAACN,IAEJ,kBAAC,WAAD,KACI,yBAAKO,UAAU,gBACX,yBAAKA,UAAU,oDACX,yBAAKA,UAAU,kBACX,kBAAC,IAAD,CAAMC,MAAO,CACTC,UAAW,UAEX,kBAAC,IAAD,CAAUF,UAAU,eAEXG,QAAQV,EAAcW,QAQU,yBAAKC,IAAKC,IAAWC,IAAI,eAP1D,kBAAC,IAAD,CAAOC,QAASC,YAA0B,CACtCC,MAAQ,CAAC,CACLC,MAAQ,kCAEZC,OAASnB,EAAcM,SAAS,GAAGc,SACnCC,OAAQC,YAAyB,CACjCD,OAASrB,EAAcM,SAAS,GAAGiB,SACnCC,KAAK,MAAMC,OAAQ","file":"static/js/9.3169bb7f.chunk.js","sourcesContent":["import React, { Fragment, useEffect } from 'react';\nimport { useSelector } from 'react-redux';\nimport Chart from 'react-apexcharts';\nimport { OptionsHorizontalBarChart } from 'helpers/OptionChart';\nimport { Card, CardBody } from 'reactstrap';\nimport { SeriesHorizontalBarChart } from 'helpers/SeriesChart';\nimport { LoadingIo } from 'assets/images';\n\nconst ChartDasawismaSection = () => {\n    const { ReducersKader } = useSelector(state => state);\n    useEffect(() => {\n        console.log('Reducers Kader', ReducersKader.barChart);\n    }, [ReducersKader])\n    return (\n    <Fragment>\n        <div className=\"hero-wrapper\">\n            <div className=\"flex-grow-1 w-100 d-flex align-items-center h-50\">\n                <div className='container px-0'>\n                    <Card style={{\n                        minHeight: \"250px\"\n                    }}>\n                        <CardBody className=\"text-center\">\n                            {\n                                !Boolean(ReducersKader.isNull) ?\n                                <Chart options={OptionsHorizontalBarChart({\n                                    title : [{\n                                        label : 'Sebaran Kader PKK DKI Jakarta'\n                                    }],\n                                    labels : ReducersKader.barChart[0].xValue\n                                })} series={SeriesHorizontalBarChart({\n                                    series : ReducersKader.barChart[0].yValue\n                                })} type=\"bar\" height={250} /> : <img src={LoadingIo} alt='Loading...' />\n                            }\n                        </CardBody>\n                    </Card>\n                </div>\n            </div>\n        </div>\n        \n    </Fragment>\n  );\n};\n\nexport default ChartDasawismaSection;"],"sourceRoot":""}