humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat:visitor count

This commit is contained in:
Rama Priyanto 2025-06-29 17:53:03 +07:00
parent 33986fe7e4
commit 877f2170e4
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/main/dashboard/chart/visitor-chart.tsx
View File

@ -86,8 +86,9 @@ const ApexChartColumnVisitors = (props: {
type: string; type: string;
date: string; date: string;
range: { start: any; end: any }; range: { start: any; end: any };
total: (data: number) => void;
}) => { }) => {
const { date, type, range } = props; const { date, type, range, total } = props;
const [categories, setCategories] = useState<string[]>([]); const [categories, setCategories] = useState<string[]>([]);
const [series, setSeries] = useState<{ name: string; data: number[] }[]>([]); const [series, setSeries] = useState<{ name: string; data: number[] }[]>([]);
const [seriesVisitors, setSeriesVisitors] = useState<number[]>([]); const [seriesVisitors, setSeriesVisitors] = useState<number[]>([]);
@ -124,6 +125,7 @@ const ApexChartColumnVisitors = (props: {
if (getDatas) { if (getDatas) {
if (type == "monthly") { if (type == "monthly") {
setSeriesVisitors(getDatas.data); setSeriesVisitors(getDatas.data);
total(getDatas.data.reduce((a: number, b: number) => a + b, 0));
} }
if (type === "daily") { if (type === "daily") {
const mappedData = getRangeAcrossMonths( const mappedData = getRangeAcrossMonths(
@ -135,6 +137,8 @@ const ApexChartColumnVisitors = (props: {
); );
setSeriesVisitors(mappedData.visitors); setSeriesVisitors(mappedData.visitors);
total(mappedData.visitors.reduce((a: number, b: number) => a + b, 0));
setCategories(mappedData.labels); setCategories(mappedData.labels);
} }
// if (type === "weekly") { // if (type === "weekly") {

7
components/main/dashboard/dashboard-container.tsx
View File

@ -215,7 +215,7 @@ export default function DashboardContainer() {
}>(); }>();
const roleId = Cookies.get("urie"); const roleId = Cookies.get("urie");
const today = new Date(); const today = new Date();
const [chartVisitorTotal, setChartVisitorTotal] = useState(0);
const [recapArticlePage, setRecapArticlePage] = useState(1); const [recapArticlePage, setRecapArticlePage] = useState(1);
const [recapArticleTotalPage, setRecapArticleTotalPage] = useState(1); const [recapArticleTotalPage, setRecapArticleTotalPage] = useState(1);
@ -1123,9 +1123,14 @@ export default function DashboardContainer() {
).split("-")[0] ).split("-")[0]
}`} }`}
range={visitorDailyDate} range={visitorDailyDate}
total={(data) => setChartVisitorTotal(data)}
/> />
</div> </div>
</div> </div>
<div className="flex flex-row gap-2 mt-5 border-1 p-5 rounded-lg">
<div className="w-1/5 text-center">Chart Total</div>
<div className="w-4/5 text-center">{chartVisitorTotal}</div>
</div>
</div> </div>
</div> </div>
)} )}