add placeholder approvals ui

src/app/[orgId]/settings/(private)/access/approvals/page.tsx

@@ -8,6 +8,7 @@ import { getCachedOrg } from "@app/lib/api/getCachedOrg";
 import type { ApprovalItem } from "@app/lib/queries";
 import OrgProvider from "@app/providers/OrgProvider";
 import type { GetOrgResponse } from "@server/routers/org";
+import type { ListRolesResponse } from "@server/routers/role";
 import type { AxiosResponse } from "axios";
 import { getTranslations } from "next-intl/server";
 
@@ -36,6 +37,21 @@ export default async function ApprovalFeedPage(props: ApprovalFeedPageProps) {
         org = orgRes.data.data;
     }
 
+    // Fetch roles to check if approvals are enabled
+    let hasApprovalsEnabled = false;
+    const rolesRes = await internal
+        .get<AxiosResponse<ListRolesResponse>>(
+            `/org/${params.orgId}/roles`,
+            await authCookieHeader()
+        )
+        .catch((e) => {});
+
+    if (rolesRes && rolesRes.status === 200) {
+        hasApprovalsEnabled = rolesRes.data.data.roles.some(
+            (role) => role.requireDeviceApproval === true
+        );
+    }
+
     const t = await getTranslations();
 
     return (
@@ -51,7 +67,10 @@ export default async function ApprovalFeedPage(props: ApprovalFeedPageProps) {
 
             <OrgProvider org={org}>
                 <div className="container mx-auto max-w-12xl">
-                    <ApprovalFeed orgId={params.orgId} />
+                    <ApprovalFeed
+                        orgId={params.orgId}
+                        hasApprovalsEnabled={hasApprovalsEnabled}
+                    />
                 </div>
             </OrgProvider>
         </>