diff --git a/src/layout/RepeatingGroup/Table/RepeatingGroupTableTitle.tsx b/src/layout/RepeatingGroup/Table/RepeatingGroupTableTitle.tsx index 1dfd0223a0..864da78edd 100644 --- a/src/layout/RepeatingGroup/Table/RepeatingGroupTableTitle.tsx +++ b/src/layout/RepeatingGroup/Table/RepeatingGroupTableTitle.tsx @@ -3,10 +3,12 @@ import React from 'react'; import { ExprVal } from 'src/features/expressions/types'; import { useLayoutLookups } from 'src/features/form/layout/LayoutsContext'; import { Lang } from 'src/features/language/Lang'; +import { useRepeatingGroupComponentId } from 'src/layout/RepeatingGroup/Providers/RepeatingGroupContext'; import classes from 'src/layout/RepeatingGroup/RepeatingGroup.module.css'; import { useColumnStylesRepeatingGroups } from 'src/utils/formComponentUtils'; import { useEvalExpression } from 'src/utils/layout/generator/useEvalExpression'; import { useLabel } from 'src/utils/layout/useLabel'; +import { useItemWhenType } from 'src/utils/layout/useNodeItem'; import type { EvalExprOptions } from 'src/features/expressions'; import type { IGroupColumnFormatting } from 'src/layout/RepeatingGroup/config.generated'; @@ -22,15 +24,19 @@ export const RepeatingGroupTableTitle = ({ baseComponentId, columnSettings }: IP baseComponentId, overrideDisplay: undefined, }); + const groupComponentId = useRepeatingGroupComponentId(); + const { edit } = useItemWhenType(groupComponentId, 'RepeatingGroup'); const editInTable = columnSettings[baseComponentId]?.editInTable; + const isOnlyTable = edit?.mode === 'onlyTable'; + const showIndicators = editInTable || (isOnlyTable && editInTable !== false); return ( - {editInTable && getRequiredComponent()} - {editInTable && getOptionalComponent()} + {showIndicators && getRequiredComponent()} + {showIndicators && getOptionalComponent()} ); };