From 5894df4370556728099e394780d8595295dbd0e4 Mon Sep 17 00:00:00 2001
From: Daniel Hougaard <62331820+DanielHougaard@users.noreply.github.com>
Date: Fri, 29 Mar 2024 16:24:15 +0100
Subject: [PATCH] Draft

---
 backend/src/ee/services/license/licence-fns.ts    |  2 +-
 frontend/src/components/basic/Divider.tsx         | 15 +++++++++++++++
 .../permissions/PermissionDeniedBanner.tsx        |  5 +++++
 .../SecretApprovalPage/SecretApprovalPage.tsx     |  6 ++++++
 4 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/components/basic/Divider.tsx

diff --git a/backend/src/ee/services/license/licence-fns.ts b/backend/src/ee/services/license/licence-fns.ts
index 189a3c4e0..492d09ec3 100644
--- a/backend/src/ee/services/license/licence-fns.ts
+++ b/backend/src/ee/services/license/licence-fns.ts
@@ -33,7 +33,7 @@ export const getDefaultOnPremFeatures = (): TFeatureSet => ({
   status: null,
   trial_end: null,
   has_used_trial: true,
-  secretApproval: false,
+  secretApproval: true,
   secretRotation: true
 });
 
diff --git a/frontend/src/components/basic/Divider.tsx b/frontend/src/components/basic/Divider.tsx
new file mode 100644
index 000000000..f1a570d7b
--- /dev/null
+++ b/frontend/src/components/basic/Divider.tsx
@@ -0,0 +1,15 @@
+import { twMerge } from "tailwind-merge";
+
+interface IProps {
+  className?: string;
+}
+
+const Divider = ({ className }: IProps): JSX.Element => {
+  return (
+    <div className={twMerge("flex items-center px-2 opacity-50", className)}>
+      <div aria-hidden="true" className="h-5 w-full grow border border-t border-mineshaft-200" />
+    </div>
+  );
+};
+
+export default Divider;
diff --git a/frontend/src/components/permissions/PermissionDeniedBanner.tsx b/frontend/src/components/permissions/PermissionDeniedBanner.tsx
index b3c7a4f53..f9707d634 100644
--- a/frontend/src/components/permissions/PermissionDeniedBanner.tsx
+++ b/frontend/src/components/permissions/PermissionDeniedBanner.tsx
@@ -3,6 +3,8 @@ import { faLock } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { twMerge } from "tailwind-merge";
 
+import { Button } from "../v2";
+
 type Props = {
   containerClassName?: string;
   className?: string;
@@ -32,6 +34,9 @@ export const PermissionDeniedBanner = ({ containerClassName, className, children
             )}
           </div>
         </div>
+        <Button className="mt-3 ml-[7.5rem]" size="xs">
+          Request access
+        </Button>
       </div>
     </div>
   );
diff --git a/frontend/src/views/SecretApprovalPage/SecretApprovalPage.tsx b/frontend/src/views/SecretApprovalPage/SecretApprovalPage.tsx
index 3878ecdca..fa083b908 100644
--- a/frontend/src/views/SecretApprovalPage/SecretApprovalPage.tsx
+++ b/frontend/src/views/SecretApprovalPage/SecretApprovalPage.tsx
@@ -56,13 +56,19 @@ export const SecretApprovalPage = () => {
         <TabPanel value={TabSection.SecretApprovalRequests}>
           <SecretApprovalRequest />
         </TabPanel>
+
         <TabPanel value={TabSection.SecretPolicies}>
           <SecretApprovalPolicyList workspaceId={projectId} />
         </TabPanel>
 
+        <TabPanel value={TabSection.SecretApprovalRequests}>
+          <SecretApprovalRequest />
+        </TabPanel>
+
         <TabPanel value={TabSection.ResourceApprovalRequests}>
           <AccessApprovalRequest projectId={projectId} projectSlug={projectSlug} />
         </TabPanel>
+
         <TabPanel value={TabSection.ResourcePolicies}>
           <AccessApprovalPolicyList workspaceId={projectId} />
         </TabPanel>