Add route and empty table for user tasks

web/packages/teleport/src/Integrations/status/AwsOidc/AwsOidcHeader.tsx

@@ -30,9 +30,11 @@ import { useHistory } from 'react-router';
 export function AwsOidcHeader({
   integration,
   resource = undefined,
+  tasks = false,
 }: {
   integration: Integration;
   resource?: AwsResource;
+  tasks?: boolean;
 }) {
   const history = useHistory();
   const divider = (
@@ -90,6 +92,14 @@ export function AwsOidcHeader({
           </Text>
         </>
       )}
+      {tasks && (
+        <>
+          {divider}
+          <Text typography="body3" color="text.slightlyMuted" ml={2}>
+            Pending Tasks
+          </Text>
+        </>
+      )}
     </Flex>
   );
 }

web/packages/teleport/src/Integrations/status/AwsOidc/AwsOidcRoutes.tsx

@@ -22,6 +22,7 @@ import cfg from 'teleport/config';
 import { AwsOidcStatusProvider } from 'teleport/Integrations/status/AwsOidc/useAwsOidcStatus';
 
 import { Details } from 'teleport/Integrations/status/AwsOidc/Details/Details';
+import {Tasks} from "teleport/Integrations/status/AwsOidc/Tasks/Tasks";
 
 import { AwsOidcDashboard } from './AwsOidcDashboard';
 
@@ -35,6 +36,12 @@ export function AwsOidcRoutes() {
           path={cfg.routes.integrationStatusResources}
           component={Details}
         />
+        <Route
+          key="aws-oidc-task-table"
+          exact
+          path={cfg.routes.integrationTasks}
+          component={Tasks}
+        />
         <Route
           key="aws-oidc-dashboard"
           exact

web/packages/teleport/src/Integrations/status/AwsOidc/Tasks/Tasks.tsx

@@ -0,0 +1,63 @@
+/**
+ * Teleport
+ * Copyright (C) 2024 Gravitational, Inc.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import React from 'react';
+import Table from 'design/DataTable';
+
+import { useParams } from 'react-router';
+
+import { FeatureBox } from 'teleport/components/Layout';
+import { AwsOidcHeader } from 'teleport/Integrations/status/AwsOidc/AwsOidcHeader';
+import { AwsResource } from 'teleport/Integrations/status/AwsOidc/StatCard';
+import { useAwsOidcStatus } from 'teleport/Integrations/status/AwsOidc/useAwsOidcStatus';
+import { IntegrationKind } from 'teleport/services/integrations';
+
+export function Tasks() {
+  const { integrationAttempt } = useAwsOidcStatus();
+  const { data: integration } = integrationAttempt;
+
+  return (
+    <FeatureBox css={{ maxWidth: '1400px', paddingTop: '16px', gap: '30px' }}>
+      {integration && (
+        <AwsOidcHeader integration={integration} tasks={true} />
+      )}
+      <Table
+        data={[]}
+        columns={[
+          {
+            key: 'type',
+            headerText: 'Type',
+            isSortable: true,
+          },
+          {
+            key: 'details',
+            headerText: 'Issue Details',
+            isSortable: true,
+          },
+          {
+            key: 'timestamp',
+            headerText: 'Timestamp',
+            isSortable: true,
+          },
+        ]}
+        emptyText={`No pending tasks`}
+        isSearchable
+      />
+    </FeatureBox>
+  );
+}

web/packages/teleport/src/config.ts

@@ -199,6 +199,7 @@ const cfg = {
     headlessSso: `/web/headless/:requestId`,
     integrations: '/web/integrations',
     integrationStatus: '/web/integrations/status/:type/:name',
+    integrationTasks: '/web/integrations/status/:type/:name/tasks',
     integrationStatusResources:
       '/web/integrations/status/:type/:name/resources/:resourceKind',
     integrationEnroll: '/web/integrations/new/:type?',