From 1242a43d9842a79d199944880e392a1aa0a38e25 Mon Sep 17 00:00:00 2001
From: Daniel Hougaard <daniel@infisical.com>
Date: Mon, 26 Aug 2024 20:04:06 +0400
Subject: [PATCH] Feat: Open approval with ID in URL

---
 .../SecretApprovalRequest.tsx                 | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/SecretApprovalPage/components/SecretApprovalRequest/SecretApprovalRequest.tsx b/frontend/src/views/SecretApprovalPage/components/SecretApprovalRequest/SecretApprovalRequest.tsx
index a1e21d849..87dc088ad 100644
--- a/frontend/src/views/SecretApprovalPage/components/SecretApprovalRequest/SecretApprovalRequest.tsx
+++ b/frontend/src/views/SecretApprovalPage/components/SecretApprovalRequest/SecretApprovalRequest.tsx
@@ -1,4 +1,4 @@
-import { Fragment, useState } from "react";
+import { Fragment, useEffect, useState } from "react";
 import {
   faCheck,
   faCheckCircle,
@@ -28,6 +28,7 @@ import {
 } from "@app/context";
 import {
   useGetSecretApprovalRequestCount,
+  useGetSecretApprovalRequestDetails,
   useGetSecretApprovalRequests,
   useGetWorkspaceUsers
 } from "@app/hooks/api";
@@ -47,6 +48,7 @@ export const SecretApprovalRequest = () => {
   const [statusFilter, setStatusFilter] = useState<"open" | "close">("open");
   const [envFilter, setEnvFilter] = useState<string>();
   const [committerFilter, setCommitterFilter] = useState<string>();
+  const [usingUrlRequestId, setUsingUrlRequestId] = useState(false);
 
   const {
     data: secretApprovalRequests,
@@ -67,6 +69,24 @@ export const SecretApprovalRequest = () => {
   const { permission } = useProjectPermission();
   const { data: members } = useGetWorkspaceUsers(workspaceId);
   const isSecretApprovalScreen = Boolean(selectedApproval);
+  const queryParams = new URLSearchParams(window.location.search);
+  const requestId = queryParams.get("requestId");
+
+  const { data: secretApprovalRequestDetails } = useGetSecretApprovalRequestDetails({
+    id: requestId!,
+    options: {
+      enabled: !!requestId && !usingUrlRequestId
+    }
+  });
+
+  useEffect(() => {
+    if (!requestId || usingUrlRequestId) return;
+
+    if (secretApprovalRequestDetails) {
+      setSelectedApproval(secretApprovalRequestDetails);
+      setUsingUrlRequestId(true);
+    }
+  }, [queryParams, secretApprovalRequestDetails]);
 
   const handleGoBackSecretRequestDetail = () => {
     setSelectedApproval(null);