diff --git a/src/components/side-panel/side-panel.js b/src/components/side-panel/side-panel.js
index 07afc874..6ff7e73f 100644
--- a/src/components/side-panel/side-panel.js
+++ b/src/components/side-panel/side-panel.js
@@ -257,6 +257,9 @@ export const SidePanel = () => {
{ eventModalInfo?.data.status }
{ eventModalInfo?.data.appId }
{ eventModalInfo?.data.systemId }
+ { eventModalInfo?.data.reason && (
+ { eventModalInfo?.data.reason }
+ ) }
{ eventModalInfo?.timestamp } ({ new Date(eventModalInfo?.timestamp * 1000).toString() })
diff --git a/src/contexts/workspaces-context/api.ts b/src/contexts/workspaces-context/api.ts
index 61223d7f..35e93278 100644
--- a/src/contexts/workspaces-context/api.ts
+++ b/src/contexts/workspaces-context/api.ts
@@ -314,7 +314,7 @@ export class WorkspacesAPI implements IWorkspacesAPI {
@APIRequest()
async stopAppInstance(sid: string, fetchOptions: AxiosRequestConfig={}): Promise {
- await this.axios.delete(`/instances/${ sid }`)
+ await this.axios.delete(`/instances/${ sid }/`)
}
@APIRequest()
@@ -334,7 +334,7 @@ export class WorkspacesAPI implements IWorkspacesAPI {
if (workspace.length > 0) data.labels = {
"app-name": workspace
}
- const res = await this.axios.patch(`/instances/${ sid }`, data, fetchOptions)
+ const res = await this.axios.patch(`/instances/${ sid }/`, data, fetchOptions)
return res.data
}
diff --git a/src/contexts/workspaces-context/websocket-events.ts b/src/contexts/workspaces-context/websocket-events.ts
index 267ed6e7..b585e61c 100644
--- a/src/contexts/workspaces-context/websocket-events.ts
+++ b/src/contexts/workspaces-context/websocket-events.ts
@@ -41,7 +41,8 @@ export interface AppStatusEvent extends WebsocketEvent<{
// `systemId` uniquely identifies the app instance
systemId: string
status: AppStatus
- containerStates: ContainerStatus[]
+ reason: string | null
+ containerStates: ContainerStatus[] | null
}> {
type: 'app_status'
diff --git a/src/views/workspaces/active.js b/src/views/workspaces/active.js
index 58e0c907..0078a292 100644
--- a/src/views/workspaces/active.js
+++ b/src/views/workspaces/active.js
@@ -218,9 +218,9 @@ export const ActiveView = withWorkspaceAuthentication(() => {
percent={ 100 }
width={ 16 }
status="exception"
- strokeColor="#faad14"
+ strokeColor="#f5222d"
format={ () => (
-
+
) }
/>
)