diff --git a/pwa/src/templates/actionsTemplate/ActionsTemplate.tsx b/pwa/src/templates/actionsTemplate/ActionsTemplate.tsx index ec84a986..e2503a3e 100644 --- a/pwa/src/templates/actionsTemplate/ActionsTemplate.tsx +++ b/pwa/src/templates/actionsTemplate/ActionsTemplate.tsx @@ -89,7 +89,7 @@ export const ActionsTemplate: React.FC = () => { {action.lastRun ? dateTime(t(i18n.language), action.lastRun) : "-"} - {`${action.lastRunTime}ms` ?? "-"} + {`${action.lastRunTime}s` ?? "-"} {translateDate(i18n.language, action.dateCreated) ?? "-"} diff --git a/pwa/src/templates/templateParts/actionsForm/ActionFormTemplate.module.css b/pwa/src/templates/templateParts/actionsForm/ActionFormTemplate.module.css index 3638d30c..9fe0e619 100644 --- a/pwa/src/templates/templateParts/actionsForm/ActionFormTemplate.module.css +++ b/pwa/src/templates/templateParts/actionsForm/ActionFormTemplate.module.css @@ -6,10 +6,6 @@ padding-block-end: var(--gateway-ui-size-md); } -.gridContainer > *:not(:first-child) { - margin-block-start: var(--gateway-ui-size-sm); -} - .grid { display: grid; grid-gap: var(--gateway-ui-size-lg); diff --git a/pwa/src/templates/templateParts/actionsForm/ActionFormTemplate.tsx b/pwa/src/templates/templateParts/actionsForm/ActionFormTemplate.tsx index ebde5e48..3fe5167e 100644 --- a/pwa/src/templates/templateParts/actionsForm/ActionFormTemplate.tsx +++ b/pwa/src/templates/templateParts/actionsForm/ActionFormTemplate.tsx @@ -15,6 +15,9 @@ import { SchemaFormTemplate } from "../schemaForm/SchemaFormTemplate"; import { useIsLoadingContext } from "../../../context/isLoading"; import { enrichValidation } from "../../../services/enrichReactHookFormValidation"; import { CodeEditor } from "../../../components/codeEditor/CodeEditor"; +import { translateDate } from "../../../services/dateFormat"; +import { StatusTag } from "../../../components/statusTag/StatusTag"; +import { formatDateTime } from "../../../services/dateTime"; export const formId: string = "action-form"; @@ -23,7 +26,7 @@ interface ActionFormTemplateProps { } export const ActionFormTemplate: React.FC = ({ action }) => { - const { t } = useTranslation(); + const { t, i18n } = useTranslation(); const { setIsLoading, isLoading } = useIsLoadingContext(); const [listensAndThrows, setListensAndThrows] = React.useState([]); @@ -149,7 +152,7 @@ export const ActionFormTemplate: React.FC = ({ action } -
+
@@ -272,6 +275,46 @@ export const ActionFormTemplate: React.FC = ({ action }
+ +
+ + + {t("Date Created")} +
{translateDate(i18n.language, action.dateCreated) ?? "-"}
+
+
+ + + + {t("Date Modified")} +
{translateDate(i18n.language, action.dateModified) ?? "-"}
+
+
+ + + + {t("Last run")} +
{action.lastRun ? formatDateTime(t(i18n.language), action.lastRun) : "-"}
+
+
+ + + + {t("Last run time")} +
{`${action.lastRunTime}s` ?? "-"}
+
+
+ + + + {t("Status")} + + + +