Update text alignment and number formatting

src/utils/graphql.ts

@@ -23,7 +23,7 @@ export const apolloClient = () => {
 }
 
 export const queries = {
-  keluhan:{
+  keluhan: {
     daftar: {
       keluhanSelesaiTanpaIDPelanggan: gql`
         query daftarKeluhanSelesaiTanpaIdPelanggan(
@@ -343,7 +343,7 @@ export const queries = {
           }
         }
       `,
-      keluhanPerTanggal :gql`
+      keluhanPerTanggal: gql`
         query rekapitulasiKeluhanPerTanggal(
           $dateFrom: Date!
           $dateTo: Date!
@@ -417,7 +417,7 @@ export const queries = {
           }
         }
       `,
-      keluhanPerJenisKeluhan : gql`
+      keluhanPerJenisKeluhan: gql`
         query rekapitulasiKeluhanPerJenisKeluhan(
           $dateFrom: Date!
           $dateTo: Date!
@@ -453,7 +453,7 @@ export const queries = {
           }
         }
       `,
-      keluhanPenyelesaianPerFungsiBIidang :gql`
+      keluhanPenyelesaianPerFungsiBIidang: gql`
         query rekapitulasiKeluhanPenyelesaianPerFungsiBidang(
           $dateFrom: Date!
           $dateTo: Date!
@@ -576,7 +576,7 @@ export const queries = {
       `,
     },
   },
-  gangguan:{
+  gangguan: {
     rekap: {
       gangguanRatingPerRegu: gql`
         query rekapitulasiGangguanRatingPerRegu(
@@ -613,7 +613,7 @@ export const queries = {
           }
         }
       `,
-      gangguanRatingPerPosko : gql`
+      gangguanRatingPerPosko: gql`
         query rekapitulasiGangguanRatingPerPosko(
           $dateFrom: Date!
           $dateTo: Date!
@@ -810,24 +810,25 @@ export const queries = {
             idUid: $idUid
             idUp3: $idUp3
           ) {
+            kode
             sub_kelompok
             total
-            selesai
+            total_selesai
             persen_selesai
-            in_process
-            persen_in_process
+            total_inproses
+            persen_inproses
             total_durasi_response
-            avg_waktu_response_time
-            max_durasi_response
+            avg_durasi_response
             min_durasi_response
-            diatas_sla_durasi_response
-            dibawah_sla_durasi_response
+            max_durasi_response
+            total_dibawah_sla_response
+            total_diatas_sla_response
             total_durasi_recovery
-            avg_waktu_recovery_time
-            max_durasi_recovery
+            avg_durasi_recovery
             min_durasi_recovery
-            diatas_sla_durasi_recovery
-            dibawah_sla_durasi_recovery
+            max_durasi_recovery
+            total_dibawah_sla_recovery
+            total_diatas_sla_recovery
           }
         }
       `,

src/utils/numbers.ts

@@ -13,10 +13,26 @@ const splitRoutePath = (routePath: string): string[] => {
 }
 
 const formatNumber = (number: number): string => {
-    return new Intl.NumberFormat('en-US').format(number)
+    return new Intl.NumberFormat('id-ID').format(number)
+}
+
+const formatPercentage = (number: string | number): string => {
+    const value = parseFloat(number.toString())
+    const result = `${value.toFixed(2)}`
+    if (result.includes('.00')) {
+        return `${result.replace('.00', '')}%`
+    } else {
+        return `${result}%`
+    }
+}
+
+const isNumber = (value: any): boolean => {
+    return !isNaN(value)
 }
 
 export {
     splitRoutePath,
-    formatNumber
+    formatNumber,
+    formatPercentage,
+    isNumber
 }