From ecf4a64b03a416b7e826d577773173b02002f557 Mon Sep 17 00:00:00 2001
From: Sabda Yagra <msabdayagra@gmail.com>
Date: Tue, 21 Oct 2025 11:19:04 +0700
Subject: [PATCH] fix: button approve in detail conten admin

---
 components/form/content/audio-detail-form.tsx | 69 ++++++++++---------
 components/form/content/image-detail-form.tsx | 69 ++++++++++++++++++-
 components/form/content/teks-detail-form.tsx  | 68 +++++++++---------
 components/form/content/video-detail-form.tsx | 69 ++++++++++---------
 4 files changed, 174 insertions(+), 101 deletions(-)

diff --git a/components/form/content/audio-detail-form.tsx b/components/form/content/audio-detail-form.tsx
index 6ebbf45c..2876876e 100644
--- a/components/form/content/audio-detail-form.tsx
+++ b/components/form/content/audio-detail-form.tsx
@@ -1864,14 +1864,47 @@ export default function FormAudioDetail() {
               </Dialog>
             </Card>
             {Number(roleId) === 14 ? (
-              // 🔹 Jika roleId = 14, langsung tampilkan tombol tanpa pengecekan lain
               <div className="flex flex-col gap-2 p-3">
                 <Button
                   onClick={() => actionApproval("2")}
                   color="primary"
                   type="button"
                 >
-                  <Icon icon="fa:check" className="mr-3" />{" "}
+                  <Icon icon="fa:check" className="mr-3" />
+                  {t("accept", { defaultValue: "Accept" })}
+                </Button>
+                <Button
+                  onClick={() => actionApproval("3")}
+                  className="bg-orange-400 hover:bg-orange-300"
+                  type="button"
+                >
+                  <Icon icon="fa:comment-o" className="mr-3" />{" "}
+                  {t("revision", { defaultValue: "Revision" })}
+                </Button>
+                <Button
+                  onClick={() => actionApproval("4")}
+                  color="destructive"
+                  type="button"
+                >
+                  <Icon icon="fa:times" className="mr-3" />
+                  {t("reject", { defaultValue: "Reject" })}
+                </Button>
+              </div>
+            ) : (Number(detail?.needApprovalFromLevel) ===
+                Number(userLevelId) ||
+                (detail?.isInternationalMedia === true &&
+                  detail?.isForwardFromNational === true &&
+                  Number(detail?.statusId) === 1)) &&
+              (Number(detail?.uploadedById) === Number(userId) ||
+                Number(detail?.needApprovalFromLevel) ===
+                  Number(userLevelId)) ? (
+              <div className="flex flex-col gap-2 p-3">
+                <Button
+                  onClick={() => actionApproval("2")}
+                  color="primary"
+                  type="button"
+                >
+                  <Icon icon="fa:check" className="mr-3" />
                   {t("accept", { defaultValue: "Accept" })}
                 </Button>
                 <Button
@@ -1891,38 +1924,6 @@ export default function FormAudioDetail() {
                   {t("reject", { defaultValue: "Reject" })}
                 </Button>
               </div>
-            ) : Number(detail?.needApprovalFromLevel) ===
-              Number(userLevelId) ? (
-              Number(detail?.uploadedById) === Number(userId) ? (
-                ""
-              ) : (
-                <div className="flex flex-col gap-2 p-3">
-                  <Button
-                    onClick={() => actionApproval("2")}
-                    color="primary"
-                    type="button"
-                  >
-                    <Icon icon="fa:check" className="mr-3" />{" "}
-                    {t("accept", { defaultValue: "Accept" })}
-                  </Button>
-                  <Button
-                    onClick={() => actionApproval("3")}
-                    className="bg-orange-400 hover:bg-orange-300"
-                    type="button"
-                  >
-                    <Icon icon="fa:comment-o" className="mr-3" />{" "}
-                    {t("revision", { defaultValue: "Revision" })}
-                  </Button>
-                  <Button
-                    onClick={() => actionApproval("4")}
-                    color="destructive"
-                    type="button"
-                  >
-                    <Icon icon="fa:times" className="mr-3" />
-                    {t("reject", { defaultValue: "Reject" })}
-                  </Button>
-                </div>
-              )
             ) : (
               ""
             )}
diff --git a/components/form/content/image-detail-form.tsx b/components/form/content/image-detail-form.tsx
index 2182dad6..6270cec8 100644
--- a/components/form/content/image-detail-form.tsx
+++ b/components/form/content/image-detail-form.tsx
@@ -2126,7 +2126,74 @@ export default function FormImageDetail() {
                 </DialogContent>
               </Dialog>
             </Card>
+
             {Number(roleId) === 14 ? (
+              // 🔹 Jika roleId = 14 → selalu tampilkan tombol tanpa pengecekan tambahan
+              <div className="flex flex-col gap-2 p-3">
+                <Button
+                  onClick={() => actionApproval("2")}
+                  color="primary"
+                  type="button"
+                >
+                  <Icon icon="fa:check" className="mr-3" />
+                  {t("accept", { defaultValue: "Accept" })}
+                </Button>
+                <Button
+                  onClick={() => actionApproval("3")}
+                  className="bg-orange-400 hover:bg-orange-300"
+                  type="button"
+                >
+                  <Icon icon="fa:comment-o" className="mr-3" />{" "}
+                  {t("revision", { defaultValue: "Revision" })}
+                </Button>
+                <Button
+                  onClick={() => actionApproval("4")}
+                  color="destructive"
+                  type="button"
+                >
+                  <Icon icon="fa:times" className="mr-3" />
+                  {t("reject", { defaultValue: "Reject" })}
+                </Button>
+              </div>
+            ) : (Number(detail?.needApprovalFromLevel) ===
+                Number(userLevelId) ||
+                (detail?.isInternationalMedia === true &&
+                  detail?.isForwardFromNational === true &&
+                  Number(detail?.statusId) === 1)) &&
+              (Number(detail?.uploadedById) === Number(userId) ||
+                Number(detail?.needApprovalFromLevel) ===
+                  Number(userLevelId)) ? (
+              <div className="flex flex-col gap-2 p-3">
+                <Button
+                  onClick={() => actionApproval("2")}
+                  color="primary"
+                  type="button"
+                >
+                  <Icon icon="fa:check" className="mr-3" />
+                  {t("accept", { defaultValue: "Accept" })}
+                </Button>
+                <Button
+                  onClick={() => actionApproval("3")}
+                  className="bg-orange-400 hover:bg-orange-300"
+                  type="button"
+                >
+                  <Icon icon="fa:comment-o" className="mr-3" />{" "}
+                  {t("revision", { defaultValue: "Revision" })}
+                </Button>
+                <Button
+                  onClick={() => actionApproval("4")}
+                  color="destructive"
+                  type="button"
+                >
+                  <Icon icon="fa:times" className="mr-3" />
+                  {t("reject", { defaultValue: "Reject" })}
+                </Button>
+              </div>
+            ) : (
+              ""
+            )}
+
+            {/* {Number(roleId) === 14 ? (
               // 🔹 Jika roleId = 14 → tampilkan tombol tanpa pengecekan tambahan
               <div className="flex flex-col gap-2 p-3">
                 <Button
@@ -2190,7 +2257,7 @@ export default function FormImageDetail() {
               )
             ) : (
               ""
-            )}
+            )} */}
 
             {/* {Number(detail?.needApprovalFromLevel) == Number(userLevelId) ||
             (detail?.isInternationalMedia == true &&
diff --git a/components/form/content/teks-detail-form.tsx b/components/form/content/teks-detail-form.tsx
index c2c17196..8094a481 100644
--- a/components/form/content/teks-detail-form.tsx
+++ b/components/form/content/teks-detail-form.tsx
@@ -1865,14 +1865,47 @@ export default function FormTeksDetail() {
               </Dialog>
             </Card>
             {Number(roleId) === 14 ? (
-              // 🔹 Jika roleId = 14 → tampilkan tombol langsung tanpa pengecekan tambahan
               <div className="flex flex-col gap-2 p-3">
                 <Button
                   onClick={() => actionApproval("2")}
                   color="primary"
                   type="button"
                 >
-                  <Icon icon="fa:check" className="mr-3" />{" "}
+                  <Icon icon="fa:check" className="mr-3" />
+                  {t("accept", { defaultValue: "Accept" })}
+                </Button>
+                <Button
+                  onClick={() => actionApproval("3")}
+                  className="bg-orange-400 hover:bg-orange-300"
+                  type="button"
+                >
+                  <Icon icon="fa:comment-o" className="mr-3" />{" "}
+                  {t("revision", { defaultValue: "Revision" })}
+                </Button>
+                <Button
+                  onClick={() => actionApproval("4")}
+                  color="destructive"
+                  type="button"
+                >
+                  <Icon icon="fa:times" className="mr-3" />
+                  {t("reject", { defaultValue: "Reject" })}
+                </Button>
+              </div>
+            ) : (Number(detail?.needApprovalFromLevel) ===
+                Number(userLevelId) ||
+                (detail?.isInternationalMedia === true &&
+                  detail?.isForwardFromNational === true &&
+                  Number(detail?.statusId) === 1)) &&
+              (Number(detail?.uploadedById) === Number(userId) ||
+                Number(detail?.needApprovalFromLevel) ===
+                  Number(userLevelId)) ? (
+              <div className="flex flex-col gap-2 p-3">
+                <Button
+                  onClick={() => actionApproval("2")}
+                  color="primary"
+                  type="button"
+                >
+                  <Icon icon="fa:check" className="mr-3" />
                   {t("accept", { defaultValue: "Accept" })}
                 </Button>
                 <Button
@@ -1892,37 +1925,6 @@ export default function FormTeksDetail() {
                   {t("reject", { defaultValue: "Reject" })}
                 </Button>
               </div>
-            ) : Number(detail?.needApprovalFromLevel) == Number(userLevelId) ? (
-              Number(detail?.uploadedById) == Number(userId) ? (
-                ""
-              ) : (
-                <div className="flex flex-col gap-2 p-3">
-                  <Button
-                    onClick={() => actionApproval("2")}
-                    color="primary"
-                    type="button"
-                  >
-                    <Icon icon="fa:check" className="mr-3" />{" "}
-                    {t("accept", { defaultValue: "Accept" })}
-                  </Button>
-                  <Button
-                    onClick={() => actionApproval("3")}
-                    className="bg-orange-400 hover:bg-orange-300"
-                    type="button"
-                  >
-                    <Icon icon="fa:comment-o" className="mr-3" />{" "}
-                    {t("revision", { defaultValue: "Revision" })}
-                  </Button>
-                  <Button
-                    onClick={() => actionApproval("4")}
-                    color="destructive"
-                    type="button"
-                  >
-                    <Icon icon="fa:times" className="mr-3" />
-                    {t("reject", { defaultValue: "Reject" })}
-                  </Button>
-                </div>
-              )
             ) : (
               ""
             )}
diff --git a/components/form/content/video-detail-form.tsx b/components/form/content/video-detail-form.tsx
index a0067acc..98bca018 100644
--- a/components/form/content/video-detail-form.tsx
+++ b/components/form/content/video-detail-form.tsx
@@ -1865,14 +1865,48 @@ export default function FormVideoDetail() {
               </Dialog>
             </Card>
             {Number(roleId) === 14 ? (
-              // 🔹 Jika roleId = 14 → tampilkan tombol langsung tanpa pengecekan lain
+              // 🔹 Jika roleId = 14 → selalu tampilkan tombol tanpa pengecekan tambahan
               <div className="flex flex-col gap-2 p-3">
                 <Button
                   onClick={() => actionApproval("2")}
                   color="primary"
                   type="button"
                 >
-                  <Icon icon="fa:check" className="mr-3" />{" "}
+                  <Icon icon="fa:check" className="mr-3" />
+                  {t("accept", { defaultValue: "Accept" })}
+                </Button>
+                <Button
+                  onClick={() => actionApproval("3")}
+                  className="bg-orange-400 hover:bg-orange-300"
+                  type="button"
+                >
+                  <Icon icon="fa:comment-o" className="mr-3" />{" "}
+                  {t("revision", { defaultValue: "Revision" })}
+                </Button>
+                <Button
+                  onClick={() => actionApproval("4")}
+                  color="destructive"
+                  type="button"
+                >
+                  <Icon icon="fa:times" className="mr-3" />
+                  {t("reject", { defaultValue: "Reject" })}
+                </Button>
+              </div>
+            ) : (Number(detail?.needApprovalFromLevel) ===
+                Number(userLevelId) ||
+                (detail?.isInternationalMedia === true &&
+                  detail?.isForwardFromNational === true &&
+                  Number(detail?.statusId) === 1)) &&
+              (Number(detail?.uploadedById) === Number(userId) ||
+                Number(detail?.needApprovalFromLevel) ===
+                  Number(userLevelId)) ? (
+              <div className="flex flex-col gap-2 p-3">
+                <Button
+                  onClick={() => actionApproval("2")}
+                  color="primary"
+                  type="button"
+                >
+                  <Icon icon="fa:check" className="mr-3" />
                   {t("accept", { defaultValue: "Accept" })}
                 </Button>
                 <Button
@@ -1892,37 +1926,6 @@ export default function FormVideoDetail() {
                   {t("reject", { defaultValue: "Reject" })}
                 </Button>
               </div>
-            ) : Number(detail?.needApprovalFromLevel) == Number(userLevelId) ? (
-              Number(detail?.uploadedById) == Number(userId) ? (
-                ""
-              ) : (
-                <div className="flex flex-col gap-2 p-3">
-                  <Button
-                    onClick={() => actionApproval("2")}
-                    color="primary"
-                    type="button"
-                  >
-                    <Icon icon="fa:check" className="mr-3" />{" "}
-                    {t("accept", { defaultValue: "Accept" })}
-                  </Button>
-                  <Button
-                    onClick={() => actionApproval("3")}
-                    className="bg-orange-400 hover:bg-orange-300"
-                    type="button"
-                  >
-                    <Icon icon="fa:comment-o" className="mr-3" />{" "}
-                    {t("revision", { defaultValue: "Revision" })}
-                  </Button>
-                  <Button
-                    onClick={() => actionApproval("4")}
-                    color="destructive"
-                    type="button"
-                  >
-                    <Icon icon="fa:times" className="mr-3" />
-                    {t("reject", { defaultValue: "Reject" })}
-                  </Button>
-                </div>
-              )
             ) : (
               ""
             )}