feat: add ChevronIcon and ChevronDoubleIcon components, and implement pagination in UsersPage

2025-02-24 14:10:15 +07:00
parent 2a0b0af45f
commit 4833a1e45b
7 changed files with 258 additions and 5 deletions
@@ -0,0 +1,25 @@
+import type { JSX, SVGProps } from 'react'
+/**
+ * Note: `ChevronIcon` default mengarah ke bawah.
+ * Gunakan class `rotate-xx` untuk mengubah arah ikon.
+ */
+export const ChevronIcon = (
+  properties: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>,
+) => {
+  return (
+    <svg
+      width={21}
+      height={21}
+      viewBox="0 0 21 21"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={properties.className}
+      {...properties}
+    >
+      <path
+        d="M10.197 13.623l5.008-5.008-1.177-1.18-3.83 3.834-3.831-3.833-1.178 1.178 5.008 5.009z"
+        fill="currentColor"
+      />
+    </svg>
+  )
+}