From 97f744aadf996c239568b5ce7a4ec6901443a3f9 Mon Sep 17 00:00:00 2001
From: Saeed Abadiyan <sd.eed1381@gmail.com>
Date: Sat, 4 Oct 2025 15:05:04 +0330
Subject: [PATCH] fix the color and height

---
 .../process-innovation-page.tsx               | 49 ++++++++-----------
 1 file changed, 21 insertions(+), 28 deletions(-)

diff --git a/app/components/dashboard/project-management/process-innovation-page.tsx b/app/components/dashboard/project-management/process-innovation-page.tsx
index f992124..3a18a20 100644
--- a/app/components/dashboard/project-management/process-innovation-page.tsx
+++ b/app/components/dashboard/project-management/process-innovation-page.tsx
@@ -159,7 +159,7 @@ export function ProcessInnovationPage() {
       ),
       description: "تن افزایش یافته",
       icon: CirclePause,
-      color: "text-emerald-400",
+      color: "text-pr-green",
     },
     bottleneckremoval: {
       id: "bottleneckremoval",
@@ -167,7 +167,7 @@ export function ProcessInnovationPage() {
       value: formatNumber(stats.bottleneckRemovalCount),
       description: "تعداد رفع گلوگاه",
       icon: Funnel,
-      color: "text-emerald-400",
+      color: "text-pr-green",
     },
     currencyreduction: {
       id: "currencyreduction",
@@ -177,7 +177,7 @@ export function ProcessInnovationPage() {
       ),
       description: "دلار کاهش یافته",
       icon: DollarSign,
-      color: "text-emerald-400",
+      color: "text-pr-green",
     },
     frequentfailuresreduction: {
       id: "frequentfailuresreduction",
@@ -188,7 +188,7 @@ export function ProcessInnovationPage() {
       ),
       description: "مجموع درصد کاهش خرابی",
       icon: Wrench,
-      color: "text-emerald-400",
+      color: "text-pr-green",
     },
   });
 
@@ -524,7 +524,7 @@ export function ProcessInnovationPage() {
           <Checkbox
             checked={selectedProjects.has(item.project_id)}
             onCheckedChange={() => handleSelectProject(item.project_id)}
-            className="data-[state=checked]:bg-emerald-600 data-[state=checked]:border-emerald-600"
+            className="data-[state=checked]:bg-pr-green data-[state=checked]:border-pr-green"
           />
         );
       case "details":
@@ -533,14 +533,14 @@ export function ProcessInnovationPage() {
             variant="ghost"
             size="sm"
             onClick={() => handleProjectDetails(item)}
-            className="text-pr-green hover:text-emerald-300 underline-offset-4 underline font-normal hover:bg-emerald-500/20 p-2 h-auto"
+            className="text-pr-green hover:text-pr-green underline-offset-4 underline font-normal hover:bg-pr-green p-2 h-auto"
           >
             جزئیات بیشتر
           </Button>
         );
       case "amount_currency_reduction":
         return (
-          <span className="font-medium text-emerald-400">
+          <span className="font-medium text-pr-green">
             {formatCurrency(String(value))}
           </span>
         );
@@ -593,9 +593,9 @@ export function ProcessInnovationPage() {
 
   return (
     <DashboardLayout title="نوآوری در فرآیند">
-      <div className="py-2 space-y-4">
+      <div className="flex flex-col gap-4">
         {/* Stats Cards */}
-        <div className="flex gap-6">
+        <div className="flex gap-4">
           <div className="space-y-4 w-full">
             {/* Stats Grid */}
             <div className="grid grid-cols-2 gap-3">
@@ -612,7 +612,7 @@ export function ProcessInnovationPage() {
                             className="h-6 bg-gray-600 rounded animate-pulse"
                             style={{ width: "60%" }}
                           />
-                          <div className="p-3 bg-emerald-500/20 rounded-full w-fit">
+                          <div className="p-3 bg-pr-green rounded-full w-fit">
                             <div className="w-6 h-6 bg-gray-600 rounded animate-pulse" />
                           </div>
                         </div>
@@ -671,7 +671,7 @@ export function ProcessInnovationPage() {
           {/* نمودار با الگوریتم Nice Numbers:
               مثلاً اگر داده‌ها [10, 35, 63, 18] باشند:
               - حداکثر: 63، با حاشیه 5% = 66.15
-              - Nice Max: 75 (گرد و خوانا)  
+              - Nice Max: 75 (گرد و خوانا)
               - Ticks: [0, 20, 40, 60, 75]
               این باعث می‌شود نمودار زیباتر و خوانا‌تر باشد */}
           <BaseCard className="rounded-2xl w-full overflow-hidden">
@@ -710,7 +710,7 @@ export function ProcessInnovationPage() {
         <Card className="bg-transparent backdrop-blur-sm rounded-2xl overflow-hidden">
           <CardContent className="p-0">
             <div className="relative">
-              <Table containerClassName="overflow-auto custom-scrollbar max-h-[calc(90vh-400px)]">
+              <Table containerClassName="overflow-auto custom-scrollbar max-h-[calc(90vh-420px)]">
                 <TableHeader>
                   <TableRow className="bg-[#3F415A]">
                     {columns.map((column) => (
@@ -721,15 +721,8 @@ export function ProcessInnovationPage() {
                       >
                         {column.key === "select" ? (
                           <div className="flex items-center justify-center">
-                            <Checkbox
-                              checked={
-                                selectedProjects.size === projects.length &&
-                                projects.length > 0
-                              }
-                              onCheckedChange={handleSelectAll}
-                              className="data-[state=checked]:bg-emerald-600 data-[state=checked]:border-emerald-600"
-                            />
-                          </div>
+                            <span></span>
+                                                      </div>
                         ) : column.sortable ? (
                           <button
                             onClick={() => handleSort(column.key)}
@@ -764,7 +757,7 @@ export function ProcessInnovationPage() {
                         {columns.map((column) => (
                           <TableCell
                             key={column.key}
-                            className="text-right whitespace-nowrap border-emerald-500/20 py-1 px-2"
+                            className="text-right whitespace-nowrap border-pr-green py-1 px-2"
                           >
                             <div className="flex items-center gap-2">
                               <div className="w-2.5 h-2.5 bg-gray-600 rounded-full animate-pulse" />
@@ -797,7 +790,7 @@ export function ProcessInnovationPage() {
                         {columns.map((column) => (
                           <TableCell
                             key={column.key}
-                            className={`text-right whitespace-nowrap border-emerald-500/20 py-1 px-2 ${column.key === "select" ? "flex justify-center items-center" : ""}`}
+                            className={`text-right whitespace-nowrap border-pr-green py-1 px-2 ${column.key === "select" ? "flex justify-center items-center" : ""}`}
                           >
                             {renderCellContent(project, column)}
                           </TableCell>
@@ -814,7 +807,7 @@ export function ProcessInnovationPage() {
               {loadingMore && (
                 <div className="flex items-center justify-center py-1">
                   <div className="flex items-center gap-2">
-                    <RefreshCw className="w-4 h-4 animate-spin text-emerald-400" />
+                    <RefreshCw className="w-4 h-4 animate-spin text-pr-green" />
                     <span className="font-persian text-gray-300 text-xs"></span>
                   </div>
                 </div>
@@ -876,7 +869,7 @@ export function ProcessInnovationPage() {
 
               <div className="flex items-center justify-between">
                 <h4 className="font-light text-sm text-white font-persian mb-2 flex items-center gap-1">
-                  <Building2 className="h-4 text-green-500 text-sm font-light" />
+                  <Building2 className="h-4 text-pr-green text-sm font-light" />
                   زمان شروع:
                 </h4>
                 <span className="text-white font-normal text-base font-persian">
@@ -891,7 +884,7 @@ export function ProcessInnovationPage() {
 
               <div className="flex items-center justify-between">
                 <h4 className="font-light text-sm text-white font-persian mb-2 flex items-center gap-1">
-                  <PickaxeIcon className="h-4 text-green-500 text-sm font-light" />
+                  <PickaxeIcon className="h-4 text-pr-green text-sm font-light" />
                   زمان پایان:
                 </h4>
                 <span className="text-white font-normal text-base font-persian">
@@ -906,7 +899,7 @@ export function ProcessInnovationPage() {
 
               <div className="flex items-center justify-between">
                 <h4 className="font-light text-sm text-white font-persian mb-2 flex items-center gap-1">
-                  <UsersIcon className="h-4 text-green-500 text-sm font-light" />
+                  <UsersIcon className="h-4 text-pr-green text-sm font-light" />
                   هزینه برآورد شده:
                 </h4>
                 <span className="text-white font-normal text-base font-persian">
@@ -924,7 +917,7 @@ export function ProcessInnovationPage() {
               </div>
               <div className="flex items-center justify-between">
                 <h4 className="font-light text-sm text-white font-persian mb-2 flex items-center gap-1">
-                  <UserIcon className="h-4 text-green-500 text-sm font-light" />
+                  <UserIcon className="h-4 text-pr-green text-sm font-light" />
                   نفر مرتبط:
                 </h4>
                 <span className="text-white font-normal text-base font-persian">