Indicator level can be hidden in indicator list based on backend setting

kausaltech · Oct 23, 2024 · 9faba90 · 9faba90
1 parent acb091f
commit 9faba90
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 4 deletions.
diff --git a/app/[domain]/[lang]/[plan]/(with-layout-elements)/indicators/page.tsx b/app/[domain]/[lang]/[plan]/(with-layout-elements)/indicators/page.tsx
@@ -28,6 +28,7 @@ export default async function ActionsPage({ params }: Props) {
     <IndicatorList
       leadContent={data.planPage.leadContent}
       displayInsights={data.planPage.displayInsights}
+      displayLevel={data.planPage.displayLevel}
     />
   );
 }
diff --git a/common/__generated__/graphql.ts b/common/__generated__/graphql.ts
diff --git a/components/indicators/IndicatorList.tsx b/components/indicators/IndicatorList.tsx
@@ -205,9 +205,14 @@ const getFirstUsableCategoryType = (categoryTypes, indicators) =>
 interface Props {
   leadContent: IndicatorListPage['leadContent'];
   displayInsights: IndicatorListPage['displayInsights'];
+  displayLevel: IndicatorListPage['displayLevel'];
 }
 
-const IndicatorList = ({ leadContent, displayInsights }: Props) => {
+const IndicatorList = ({
+  leadContent,
+  displayInsights,
+  displayLevel,
+}: Props) => {
   const plan = usePlan();
   const t = useTranslations();
   const searchParams = useSearchParams();
@@ -327,6 +332,7 @@ const IndicatorList = ({ leadContent, displayInsights }: Props) => {
           shouldDisplayCategory={(category: Category) =>
             category.type.id === categoryType?.id
           }
+          displayLevel={displayLevel}
         />
       </Container>
     </>

diff --git a/components/indicators/IndicatorListFiltered.tsx b/components/indicators/IndicatorListFiltered.tsx
@@ -402,6 +402,7 @@ const IndicatorListFiltered = (props) => {
     hierarchy,
     displayNormalizedValues,
     shouldDisplayCategory,
+    displayLevel,
   } = props;
 
   const locale = useLocale();
@@ -539,7 +540,7 @@ const IndicatorListFiltered = (props) => {
               </IndentableTableHeader>
             );
           }
-          if (!allIndicatorsHaveSameLevel) {
+          if (!allIndicatorsHaveSameLevel && displayLevel) {
             headers.push(
               <IndentableTableHeader key="hr-type">
                 {t('type')}
@@ -674,7 +675,7 @@ const IndicatorListFiltered = (props) => {
                           )}
                         </IndentableTableCell>
                       )}
-                      {!allIndicatorsHaveSameLevel && (
+                      {!allIndicatorsHaveSameLevel && displayLevel && (
                         <IndentableTableCell>
                           <IndicatorType $level={item.level}>
                             {indicatorType || <span>-</span>}
@@ -754,6 +755,7 @@ IndicatorListFiltered.propTypes = {
   categoryColumnLabel: PropTypes.string,
   indicators: PropTypes.arrayOf(PropTypes.object).isRequired,
   shouldDisplayCategory: PropTypes.func,
+  displayLevel: PropTypes.bool,
 };
 
 export default IndicatorListFiltered;
diff --git a/queries/get-indicator-list-page.ts b/queries/get-indicator-list-page.ts
@@ -15,6 +15,7 @@ const GET_INDICATOR_LIST_PAGE = gql`
       ... on IndicatorListPage {
         leadContent
         displayInsights
+        displayLevel
       }
       lastPublishedAt
     }