- {statusDisplay}
-
+ {!config.hasPhaseAndStatusColumns && (
+ <>
+ {statusDisplay}
+
+ >
+ )}
{t('actions:action-implementation-phase')}:
{plan.actionImplementationPhases.map((phase) => (
diff --git a/components/dashboard/cells/ImplementationPhaseCell.tsx b/components/dashboard/cells/ImplementationPhaseCell.tsx
index 28a8578d..d9201145 100644
--- a/components/dashboard/cells/ImplementationPhaseCell.tsx
+++ b/components/dashboard/cells/ImplementationPhaseCell.tsx
@@ -2,6 +2,8 @@ import { ActionListAction } from '../dashboard.types';
import styled from 'styled-components';
import { PlanContextFragment } from 'common/__generated__/graphql';
import ActionPhase from 'components/actions/ActionPhase';
+import { useContext } from 'react';
+import { ActionTableContext } from '../ActionStatusTable';
interface Props {
action: ActionListAction;
@@ -13,18 +15,28 @@ const StatusDisplay = styled.div`
height: 100%;
`;
-const ImplementationPhaseCell = ({ action, plan }: Props) => (
-
-
-
-);
+const ImplementationPhaseCell = ({ action }: Props) => {
+ const { plan, config } = useContext(ActionTableContext);
+
+ if (!plan) {
+ return null;
+ }
+
+ return (
+
+
+
+ );
+};
export default ImplementationPhaseCell;