TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add premium reguler agent avtiv user

Browse Source
This commit is contained in:
unknown
2025-04-29 14:11:48 +07:00
parent ade89ae993
commit 834f79f56d
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/dashboards/home/blocks/MemberActivity.tsx
View File

@ -33,6 +33,9 @@ const MemberActivity = ({ startdate, enddate }: Props) => {
const percentage = parseFloat((responseTransactionValue?.data?.total_customer_active_percentage ?? 0).toFixed(2)) ?? 0; const percentage = parseFloat((responseTransactionValue?.data?.total_customer_active_percentage ?? 0).toFixed(2)) ?? 0;
const totalCustomer = responseTransactionValue?.data?.total_customer ?? 0; const totalCustomer = responseTransactionValue?.data?.total_customer ?? 0;
const activeCustomer = responseTransactionValue?.data?.total_customer_active ?? 0; const activeCustomer = responseTransactionValue?.data?.total_customer_active ?? 0;
const reguler = responseTransactionValue?.data?.reguler ?? 0;
const premium = responseTransactionValue?.data?.premium ?? 0;
const agent = responseTransactionValue?.data?.agent ?? 0;
// Hitung sudut pointer // Hitung sudut pointer
const angle = (percentage / 100) * 180; // 0° (kiri) ke 180° (kanan) const angle = (percentage / 100) * 180; // 0° (kiri) ke 180° (kanan)
@ -66,6 +69,18 @@ const MemberActivity = ({ startdate, enddate }: Props) => {
<UserCheckIcon className="w-4 h-4" /> <UserCheckIcon className="w-4 h-4" />
<span>Active Customer: {activeCustomer}</span> <span>Active Customer: {activeCustomer}</span>
</li> </li>
<li className="flex items-center gap-2">
<UserCheckIcon className="w-4 h-4" color='blue'/>
<span>Reguler: {reguler}</span>
</li>
<li className="flex items-center gap-2">
<UserCheckIcon className="w-4 h-4" color='green'/>
<span>Premium: {premium}</span>
</li>
<li className="flex items-center gap-2">
<UserCheckIcon className="w-4 h-4" color='orange'/>
<span>Agent: {agent}</span>
</li>
</ul> </ul>
{/* Gauge Chart */} {/* Gauge Chart */}