From 680a0a88a28b29c4ee64e152ad4c835b03038dc2 Mon Sep 17 00:00:00 2001
From: Ardeman <are.theman@gmail.com>
Date: Sat, 15 Mar 2025 22:25:06 +0800
Subject: [PATCH] refactor: remove unused icon components and update dashboard
 data to use new icons

---
 app/components/icons/doctor.tsx   | 21 ---------------------
 app/components/icons/graph.tsx    | 21 ---------------------
 app/components/ui/card-report.tsx |  6 ++----
 app/layouts/admin/menu.ts         |  4 ++--
 app/pages/dashboard/data.ts       | 13 ++++++-------
 5 files changed, 10 insertions(+), 55 deletions(-)
 delete mode 100644 app/components/icons/doctor.tsx
 delete mode 100644 app/components/icons/graph.tsx

diff --git a/app/components/icons/doctor.tsx b/app/components/icons/doctor.tsx
deleted file mode 100644
index 72fae6f..0000000
--- a/app/components/icons/doctor.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { JSX, SVGProps } from 'react'
-
-export const DoctorIcon = (
-  properties: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>,
-) => {
-  return (
-    <svg
-      width={25}
-      height={28}
-      viewBox="0 0 25 28"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...properties}
-    >
-      <path
-        d="M12.714 14.364a6.821 6.821 0 006.822-6.822A6.821 6.821 0 0012.714.72a6.822 6.822 0 00-6.822 6.822 6.822 6.822 0 006.822 6.822zM6.32 23.318c0 .708.57 1.279 1.279 1.279s1.279-.57 1.279-1.28c0-.708-.57-1.278-1.28-1.278-.708 0-1.278.57-1.278 1.279zM17.83 16.1v2.612a4.27 4.27 0 013.41 4.178v2.223a.855.855 0 01-.687.837l-1.716.34a.424.424 0 01-.501-.335l-.165-.837a.422.422 0 01.336-.5l1.028-.209v-1.519c0-3.347-5.116-3.47-5.116.102v1.423l1.028.207c.23.048.379.272.336.502l-.165.836a.432.432 0 01-.501.336l-1.663-.224a.852.852 0 01-.736-.847V22.89a4.274 4.274 0 013.412-4.178v-2.41c-.118.038-.235.06-.352.102a9.244 9.244 0 01-3.06.522c-1.07 0-2.1-.186-3.059-.522a5.889 5.889 0 00-1.204-.277v4.349a2.974 2.974 0 012.132 2.846 2.987 2.987 0 01-2.985 2.985 2.987 2.987 0 01-2.985-2.985c0-1.348.901-2.478 2.132-2.846v-4.285c-3.39.57-5.974 3.49-5.974 7.04v2.388a2.39 2.39 0 002.387 2.388h19.102a2.39 2.39 0 002.388-2.388v-2.388c0-3.837-3.028-6.944-6.822-7.13z"
-        fill="currentColor"
-      />
-    </svg>
-  )
-}
diff --git a/app/components/icons/graph.tsx b/app/components/icons/graph.tsx
deleted file mode 100644
index 59262fc..0000000
--- a/app/components/icons/graph.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { JSX, SVGProps } from 'react'
-
-export const GraphIcon = (
-  properties: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>,
-) => {
-  return (
-    <svg
-      width={29}
-      height={28}
-      viewBox="0 0 29 28"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...properties}
-    >
-      <path
-        d="M19.383 2.499H9.471c-4.306 0-6.872 2.496-6.872 6.682v9.625c0 4.197 2.566 6.693 6.872 6.693h9.9c4.306 0 6.873-2.495 6.873-6.681V9.18c.012-4.186-2.555-6.682-6.86-6.682zM9.258 21.071c0 .472-.402.863-.887.863s-.887-.391-.887-.863v-2.38c0-.471.402-.863.887-.863s.887.392.887.863v2.38zm6.056 0c0 .472-.402.863-.887.863s-.887-.391-.887-.863V16.3c0-.471.402-.862.887-.862s.887.39.887.862v4.773zm6.057 0c0 .472-.403.863-.888.863s-.887-.391-.887-.863v-7.153c0-.471.402-.862.887-.862s.888.391.888.863v7.152zm0-10.787c0 .472-.403.863-.888.863s-.887-.391-.887-.863V9.17a23.266 23.266 0 01-11.012 6.164c-.071.023-.142.023-.213.023a.891.891 0 01-.864-.655.859.859 0 01.651-1.047 21.515 21.515 0 0010.35-5.876H17.03c-.485 0-.887-.391-.887-.863 0-.471.402-.862.887-.862h3.466c.048 0 .083.023.13.023.06.011.119.011.178.034.059.023.106.058.165.092.036.023.071.035.107.058.012.011.012.023.024.023.047.046.082.092.118.138.035.046.07.08.083.126.023.046.023.092.035.15.012.057.036.115.036.184 0 .011.011.023.011.034v3.37h-.011z"
-        fill="currentColor"
-      />
-    </svg>
-  )
-}
diff --git a/app/components/ui/card-report.tsx b/app/components/ui/card-report.tsx
index 464ade6..421204b 100644
--- a/app/components/ui/card-report.tsx
+++ b/app/components/ui/card-report.tsx
@@ -1,4 +1,4 @@
-import type { JSX } from 'react'
+import type { ComponentType, SVGProps } from 'react'
 
 import { formatNumberWithPeriods } from '~/utils/formatter'
 
@@ -6,9 +6,7 @@ type CardReportProperty = {
   title: string
   amount: number
   currency?: string
-  icon: (
-    properties: React.JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>,
-  ) => JSX.Element
+  icon: ComponentType<SVGProps<SVGSVGElement>>
   url?: string
 }
 
diff --git a/app/layouts/admin/menu.ts b/app/layouts/admin/menu.ts
index ab5011e..299a65c 100644
--- a/app/layouts/admin/menu.ts
+++ b/app/layouts/admin/menu.ts
@@ -8,14 +8,14 @@ import {
   TagIcon,
   UsersIcon,
 } from '@heroicons/react/24/solid'
-import type { SVGProps } from 'react'
+import type { ComponentType, SVGProps } from 'react'
 
 type TMenu = {
   group: string
   items: {
     title: string
     url: string
-    icon: React.ComponentType<SVGProps<SVGSVGElement>>
+    icon: ComponentType<SVGProps<SVGSVGElement>>
   }[]
 }
 
diff --git a/app/pages/dashboard/data.ts b/app/pages/dashboard/data.ts
index 4ea967b..4edcaf8 100644
--- a/app/pages/dashboard/data.ts
+++ b/app/pages/dashboard/data.ts
@@ -1,13 +1,12 @@
-import { DoctorIcon } from '~/components/icons/doctor'
-import { GraphIcon } from '~/components/icons/graph'
+import { ChartBarIcon, ChartPieIcon } from '@heroicons/react/24/solid'
 
 export const REPORT = [
-  { title: 'Total User', amount: 10_800, icon: GraphIcon },
-  { title: '⁠Total User Subscribe', amount: 5000, icon: GraphIcon },
+  { title: 'Total User', amount: 10_800, icon: ChartBarIcon },
+  { title: '⁠Total User Subscribe', amount: 5000, icon: ChartBarIcon },
   {
     title: 'Total Nilai Subscribe',
     amount: 250_000_000,
-    icon: GraphIcon,
+    icon: ChartBarIcon,
     currency: 'Rp. ',
   },
 ]
@@ -16,11 +15,11 @@ export const HISTORY = [
   {
     title: 'Total Content Biasa',
     amount: 2890,
-    icon: GraphIcon,
+    icon: ChartPieIcon,
   },
   {
     title: 'Total Content Premium',
     amount: 274,
-    icon: DoctorIcon,
+    icon: ChartPieIcon,
   },
 ]