From 50bdd0a9a0dd02b6c5eee56a1a07c6977b588227 Mon Sep 17 00:00:00 2001
From: somebody1234 <ehern.lee@gmail.com>
Date: Mon, 18 Nov 2024 22:49:25 +1000
Subject: [PATCH] WIP: Fix errors

---
 app/gui/src/dashboard/hooks/backendHooks.ts   |  1 +
 .../layouts/AssetPanel/AssetPanel.tsx         | 20 +++++++++++++------
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/app/gui/src/dashboard/hooks/backendHooks.ts b/app/gui/src/dashboard/hooks/backendHooks.ts
index 87bbc0bb65..4ad5ece413 100644
--- a/app/gui/src/dashboard/hooks/backendHooks.ts
+++ b/app/gui/src/dashboard/hooks/backendHooks.ts
@@ -75,6 +75,7 @@ export type MutationMethod = DefineBackendMethods<
   | 'deleteAsset'
   | 'deleteDatalink'
   | 'deleteInvitation'
+  | 'deleteProjectExecution'
   | 'deleteTag'
   | 'deleteUser'
   | 'deleteUserGroup'
diff --git a/app/gui/src/dashboard/layouts/AssetPanel/AssetPanel.tsx b/app/gui/src/dashboard/layouts/AssetPanel/AssetPanel.tsx
index 2e218eac69..ab10887de3 100644
--- a/app/gui/src/dashboard/layouts/AssetPanel/AssetPanel.tsx
+++ b/app/gui/src/dashboard/layouts/AssetPanel/AssetPanel.tsx
@@ -10,6 +10,7 @@ import inspectIcon from '#/assets/inspect.svg'
 import versionsIcon from '#/assets/versions.svg'
 
 import { useEventCallback } from '#/hooks/eventCallbackHooks'
+import { ProjectExecutions } from '#/layouts/AssetProjectExecutions'
 import { useBackend } from '#/providers/BackendProvider'
 import {
   useAssetPanelProps,
@@ -74,9 +75,7 @@ export interface AssetPanelContextProps {
   readonly spotlightOn: AssetPropertiesSpotlight | null
 }
 
-/**
- * Props for an {@link AssetPanel}.
- */
+/** Props for an {@link AssetPanel}. */
 export interface AssetPanelProps {
   readonly backendType: BackendType
   readonly category: Category
@@ -131,9 +130,7 @@ export function AssetPanel(props: AssetPanelProps) {
   )
 }
 
-/**
- * The internal implementation of the Asset Panel Tabs.
- */
+/** The internal implementation of the Asset Panel Tabs. */
 const InternalAssetPanelTabs = memo(function InternalAssetPanelTabs(props: AssetPanelProps) {
   const { category } = props
 
@@ -213,6 +210,10 @@ const InternalAssetPanelTabs = memo(function InternalAssetPanelTabs(props: Asset
                 <AssetProjectSessions backend={backend} item={item} />
               </AssetPanelTabs.TabPanel>
 
+              <AssetPanelTabs.TabPanel id="executions" resetKeys={[item?.id]}>
+                <ProjectExecutions backend={backend} item={item} />
+              </AssetPanelTabs.TabPanel>
+
               <AssetPanelTabs.TabPanel id="docs" resetKeys={[item?.id]}>
                 <AssetDocs backend={backend} item={item} />
               </AssetPanelTabs.TabPanel>
@@ -253,6 +254,13 @@ const InternalAssetPanelTabs = memo(function InternalAssetPanelTabs(props: Asset
             isExpanded={isExpanded}
             onPress={expandTab}
           />
+          <AssetPanelTabs.Tab
+            id="executions"
+            icon={sessionsIcon}
+            label={getText('executions')}
+            isExpanded={isExpanded}
+            onPress={expandTab}
+          />
           <AssetPanelTabs.Tab
             id="docs"
             icon={docsIcon}