From 3769309ce30dfe56ff1e454b3630489baf07b3db Mon Sep 17 00:00:00 2001
From: randy-ar <randyabdulrahman87@gmail.com>
Date: Wed, 31 Dec 2025 13:28:27 +0700
Subject: [PATCH] hotfix(FE): bypass permission marketinh

---
 .../pages/marketing/MarketingTable.tsx        | 105 +++++++++++++++---
 .../marketing/detail/MarketingDetail.tsx      |  84 +++++++++++---
 .../pages/marketing/form/MarketingForm.tsx    |  13 ++-
 3 files changed, 166 insertions(+), 36 deletions(-)

diff --git a/src/components/pages/marketing/MarketingTable.tsx b/src/components/pages/marketing/MarketingTable.tsx
index f9cbdbfe..0247fc75 100644
--- a/src/components/pages/marketing/MarketingTable.tsx
+++ b/src/components/pages/marketing/MarketingTable.tsx
@@ -52,7 +52,7 @@ const RowsOptionsMenu = ({
       )}
     >
       <div className='flex flex-col gap-1'>
-        <RequirePermission permissions='lti.marketing.delivery_order.detail'>
+        {/* <RequirePermission permissions='lti.marketing.delivery_order.detail'>
           <Button
             href={`/marketing/detail?marketingId=${props.row.original.id}`}
             variant='ghost'
@@ -62,15 +62,46 @@ const RowsOptionsMenu = ({
             <Icon icon='mdi:eye-outline' width={16} height={16} />
             Detail
           </Button>
-        </RequirePermission>
+        </RequirePermission> */}
+        <Button
+          href={`/marketing/detail?marketingId=${props.row.original.id}`}
+          variant='ghost'
+          color='primary'
+          className='justify-start text-sm'
+        >
+          <Icon icon='mdi:eye-outline' width={16} height={16} />
+          Detail
+        </Button>
         {props.row.original.latest_approval.step_number != 1 && (
-          <RequirePermission
-            permissions={
-              props.row.original.latest_approval.step_number == 3
-                ? 'lti.marketing.delivery_order.update'
-                : 'lti.marketing.delivery_order.create'
-            }
-          >
+          <>
+            {/* <RequirePermission
+              permissions={
+                props.row.original.latest_approval.step_number == 3
+                  ? 'lti.marketing.delivery_order.update'
+                  : 'lti.marketing.delivery_order.create'
+              }
+            >
+              <Button
+                href={
+                  props.row.original.latest_approval.step_number == 3
+                    ? `/marketing/detail/delivery-orders/edit?marketingId=${props.row.original.id}`
+                    : props.row.original.latest_approval.step_number == 2
+                      ? `/marketing/add/delivery-orders?marketingId=${props.row.original.id}`
+                      : undefined
+                }
+                onClick={() => {
+                  if (props.row.original.latest_approval.step_number == 2) {
+                    deliveryClickHandler?.();
+                  }
+                }}
+                variant='ghost'
+                color='success'
+                className='justify-start text-sm'
+              >
+                <Icon icon='mdi:truck' width={16} height={16} />
+                Deliver
+              </Button>
+            </RequirePermission> */}
             <Button
               href={
                 props.row.original.latest_approval.step_number == 3
@@ -91,10 +122,21 @@ const RowsOptionsMenu = ({
               <Icon icon='mdi:truck' width={16} height={16} />
               Deliver
             </Button>
-          </RequirePermission>
+          </>
         )}
         {props.row.original.latest_approval.step_number != 3 && (
-          <RequirePermission permissions='lti.marketing.sales_order.update'>
+          <>
+            {/* <RequirePermission permissions='lti.marketing.sales_order.update'>
+              <Button
+                href={`/marketing/detail/sales-orders/edit?marketingId=${props.row.original.id}`}
+                variant='ghost'
+                color='warning'
+                className='justify-start text-sm'
+              >
+                <Icon icon='mdi:pencil-outline' width={16} height={16} />
+                Edit
+              </Button>
+            </RequirePermission> */}
             <Button
               href={`/marketing/detail/sales-orders/edit?marketingId=${props.row.original.id}`}
               variant='ghost'
@@ -104,9 +146,9 @@ const RowsOptionsMenu = ({
               <Icon icon='mdi:pencil-outline' width={16} height={16} />
               Edit
             </Button>
-          </RequirePermission>
+          </>
         )}
-        <RequirePermission permissions='lti.marketing.sales_order.delete'>
+        {/* <RequirePermission permissions='lti.marketing.sales_order.delete'>
           <Button
             onClick={deleteClickHandler}
             variant='ghost'
@@ -116,7 +158,16 @@ const RowsOptionsMenu = ({
             <Icon icon='mdi:delete-outline' width={16} height={16} />
             Delete
           </Button>
-        </RequirePermission>
+        </RequirePermission> */}
+        <Button
+          onClick={deleteClickHandler}
+          variant='ghost'
+          color='error'
+          className='text-error hover:text-inherit justify-start text-sm'
+        >
+          <Icon icon='mdi:delete-outline' width={16} height={16} />
+          Delete
+        </Button>
       </div>
     </div>
   );
@@ -302,7 +353,7 @@ const MarketingTable = () => {
             }}
           />
           <div className='flex flex-row gap-2'>
-            <RequirePermission permissions='lti.marketing.sales_order.approve'>
+            {/* <RequirePermission permissions='lti.marketing.sales_order.approve'>
               <Button
                 color='success'
                 onClick={approveClickHandler}
@@ -312,9 +363,18 @@ const MarketingTable = () => {
                 <Icon icon='material-symbols:check' width={24} height={24} />
                 Approve
               </Button>
-            </RequirePermission>
+            </RequirePermission> */}
+            <Button
+              color='success'
+              onClick={approveClickHandler}
+              className='justify-start text-sm'
+              disabled={disableApprove}
+            >
+              <Icon icon='material-symbols:check' width={24} height={24} />
+              Approve
+            </Button>
 
-            <RequirePermission permissions='lti.marketing.sales_order.approve'>
+            {/* <RequirePermission permissions='lti.marketing.sales_order.approve'>
               <Button
                 color='error'
                 onClick={rejectClickHandler}
@@ -324,7 +384,16 @@ const MarketingTable = () => {
                 <Icon icon='material-symbols:close' width={24} height={24} />
                 Reject
               </Button>
-            </RequirePermission>
+            </RequirePermission> */}
+            <Button
+              color='error'
+              onClick={rejectClickHandler}
+              className='justify-start text-sm'
+              disabled={disableReject}
+            >
+              <Icon icon='material-symbols:close' width={24} height={24} />
+              Reject
+            </Button>
           </div>
           <TableRowSizeSelector
             value={pageSize}
diff --git a/src/components/pages/marketing/detail/MarketingDetail.tsx b/src/components/pages/marketing/detail/MarketingDetail.tsx
index 3e2a28dc..4c9f1a34 100644
--- a/src/components/pages/marketing/detail/MarketingDetail.tsx
+++ b/src/components/pages/marketing/detail/MarketingDetail.tsx
@@ -135,7 +135,7 @@ const MarketingDetail = ({
         <div className='flex-row flex gap-3'>
           {initialValues?.latest_approval?.step_number == 1 && (
             <>
-              <RequirePermission permissions='lti.marketing.sales_order.approve'>
+              {/* <RequirePermission permissions='lti.marketing.sales_order.approve'>
                 <Button
                   color='success'
                   onClick={approveClickHandler}
@@ -147,9 +147,20 @@ const MarketingDetail = ({
                   <Icon icon='mdi:check' width={24} height={24} />
                   Approve
                 </Button>
-              </RequirePermission>
+              </RequirePermission> */}
+              <Button
+                color='success'
+                onClick={approveClickHandler}
+                disabled={
+                  initialValues?.latest_approval?.step_number == 1 &&
+                  initialValues?.latest_approval?.action == 'REJECTED'
+                }
+              >
+                <Icon icon='mdi:check' width={24} height={24} />
+                Approve
+              </Button>
 
-              <RequirePermission permissions='lti.marketing.sales_order.approve'>
+              {/* <RequirePermission permissions='lti.marketing.sales_order.approve'>
                 <Button
                   color='error'
                   onClick={rejectClickHandler}
@@ -161,17 +172,44 @@ const MarketingDetail = ({
                   <Icon icon='mdi:close' width={24} height={24} />
                   Reject
                 </Button>
-              </RequirePermission>
+              </RequirePermission> */}
+              <Button
+                color='error'
+                onClick={rejectClickHandler}
+                disabled={
+                  initialValues?.latest_approval?.step_number == 1 &&
+                  initialValues?.latest_approval?.action == 'REJECTED'
+                }
+              >
+                <Icon icon='mdi:close' width={24} height={24} />
+                Reject
+              </Button>
             </>
           )}
           {initialValues?.latest_approval?.step_number != 1 && (
-            <RequirePermission
-              permissions={
-                initialValues?.latest_approval?.step_number == 3
-                  ? 'lti.marketing.delivery_order.update'
-                  : 'lti.marketing.delivery_order.create'
-              }
-            >
+            <>
+              {/* <RequirePermission
+                permissions={
+                  initialValues?.latest_approval?.step_number == 3
+                    ? 'lti.marketing.delivery_order.update'
+                    : 'lti.marketing.delivery_order.create'
+                }
+              >
+                <Button
+                  color='success'
+                  href={
+                    initialValues?.latest_approval?.step_number == 3
+                      ? `/marketing/detail/delivery-orders/edit?marketingId=${initialValues?.id}`
+                      : `/marketing/add/delivery-orders?marketingId=${initialValues?.id}`
+                  }
+                >
+                  <Icon icon='mdi:truck' width={24} height={24} />
+                  {initialValues?.latest_approval?.step_number == 3
+                    ? 'Edit '
+                    : 'Tambah '}
+                  Delivery Order
+                </Button>
+              </RequirePermission> */}
               <Button
                 color='success'
                 href={
@@ -186,7 +224,7 @@ const MarketingDetail = ({
                   : 'Tambah '}
                 Delivery Order
               </Button>
-            </RequirePermission>
+            </>
           )}
         </div>
 
@@ -427,7 +465,17 @@ const MarketingDetail = ({
         )}
         <div className='flex flex-row gap-3'>
           {initialValues?.latest_approval?.step_number != 3 && (
-            <RequirePermission permissions='lti.marketing.sales_order.update'>
+            <>
+              {/* <RequirePermission permissions='lti.marketing.sales_order.update'>
+                <Button
+                  color='warning'
+                  type='button'
+                  href={`/marketing/detail/${initialValues?.latest_approval?.step_number == 3 ? 'delivery-orders' : 'sales-orders'}/edit?marketingId=${initialValues?.id}`}
+                >
+                  <Icon icon='mdi:pencil' width={24} height={24} />
+                  Edit
+                </Button>
+              </RequirePermission> */}
               <Button
                 color='warning'
                 type='button'
@@ -436,14 +484,18 @@ const MarketingDetail = ({
                 <Icon icon='mdi:pencil' width={24} height={24} />
                 Edit
               </Button>
-            </RequirePermission>
+            </>
           )}
-          <RequirePermission permissions='lti.marketing.sales_order.delete'>
+          {/* <RequirePermission permissions='lti.marketing.sales_order.delete'>
             <Button color='error' onClick={deleteClickHandler}>
               <Icon icon='mdi:delete' width={24} height={24} />
               Hapus
             </Button>
-          </RequirePermission>
+          </RequirePermission> */}
+          <Button color='error' onClick={deleteClickHandler}>
+            <Icon icon='mdi:delete' width={24} height={24} />
+            Hapus
+          </Button>
         </div>
       </div>
       <ConfirmationModal
diff --git a/src/components/pages/marketing/form/MarketingForm.tsx b/src/components/pages/marketing/form/MarketingForm.tsx
index d20269b4..ccbba2b5 100644
--- a/src/components/pages/marketing/form/MarketingForm.tsx
+++ b/src/components/pages/marketing/form/MarketingForm.tsx
@@ -690,7 +690,7 @@ const MarketingForm = ({
       {/* Actions button */}
       {formType == 'edit' && (
         <div className='flex flex-row justify-start'>
-          <RequirePermission permissions='lti.marketing.sales_order.delete'>
+          {/* <RequirePermission permissions='lti.marketing.sales_order.delete'>
             <Button
               type='button'
               color='error'
@@ -700,7 +700,16 @@ const MarketingForm = ({
               <Icon icon='mdi:trash' width={24} height={24} />
               Hapus
             </Button>
-          </RequirePermission>
+          </RequirePermission> */}
+          <Button
+            type='button'
+            color='error'
+            onClick={handleDelete}
+            isLoading={isLoading}
+          >
+            <Icon icon='mdi:trash' width={24} height={24} />
+            Hapus
+          </Button>
         </div>
       )}