transaction change

2025-12-23 10:45:04 +03:30
parent 90bfada747
commit 2e8ed5ce1e
4 changed files with 56 additions and 75 deletions
@@ -0,0 +1,43 @@
+'use client';
+
+import React from 'react';
+import clsx from 'clsx';
+
+type Props = {
+  status: string;
+  className?: string;
+};
+
+const getStatusConfig = (status: string): { text: string; color: string } => {
+  const statusUpper = status.toUpperCase();
+  
+  const statusMap: Record<string, { text: string; color: string }> = {
+    'SUCCESS': { text: 'موفق', color: 'bg-[#00BA4B]' },
+    'FAILED': { text: 'ناموفق', color: 'bg-red-500' },
+    'PENDING': { text: 'در انتظار', color: 'bg-yellow-500' },
+    'CANCELLED': { text: 'لغو شده', color: 'bg-gray-500' },
+    'PAID': { text: 'پرداخت شده', color: 'bg-[#00BA4B]' },
+    'REFUNDED': { text: 'بازگشت شده', color: 'bg-gray-500' },
+  };
+
+  return statusMap[statusUpper] || { text: status, color: 'bg-transparent border border-primary' };
+};
+
+function Status({ status, className = '' }: Props) {
+  const { text, color } = getStatusConfig(status);
+
+  return (
+    <div className={clsx('flex items-center gap-x-2', className)}>
+      <span
+        className={clsx(
+          'size-2 rounded-full',
+          color
+        )}
+      ></span>
+      {text}
+    </div>
+  );
+}
+
+export default Status;
+