bugfix(fe): add permissionss to lookup table definitions create/update/delete actions (#1586)

Author: AndreyNenashev

odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructure.tsx

@@ -35,6 +35,9 @@ const DatasetStructure: FC = () => {
                 Permission.DATASET_FIELD_ADD_TERM,
                 Permission.DATASET_FIELD_DELETE_TERM,
                 Permission.DATASET_FIELD_INTERNAL_NAME_UPDATE,
+                Permission.LOOKUP_TABLE_DEFINITION_CREATE,
+                Permission.LOOKUP_TABLE_DEFINITION_UPDATE,
+                Permission.LOOKUP_TABLE_DEFINITION_DELETE,
               ]}
               resourcePermissions={resourcePermissions}
               Component={DatasetStructureOverview}

odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructureOverview/DatasetStructureView/DatasetFieldOverview/DatasetFieldHeader/DatasetFieldHeader.tsx

@@ -83,44 +83,48 @@ const DatasetFieldHeader = ({ field }: DatasetFieldHeaderProps) => {
         </Grid>
         {!field.isPrimaryKey && !!lookupTableField && lookupTableId && (
           <Grid item display='flex' alignItems='center'>
-            <ColumnForm
-              btnEl={
-                <Button
-                  text={t('Edit')}
-                  buttonType='secondary-m'
-                  startIcon={<EditIcon />}
-                />
-              }
-              lookupTableField={lookupTableField}
-              lookupTableId={lookupTableId}
-            />
-            <AppPopover
-              renderOpenBtn={({ onClick, ariaDescribedBy }) => (
-                <Button
-                  aria-describedby={ariaDescribedBy}
-                  buttonType='secondary-m'
-                  icon={<KebabIcon />}
-                  onClick={onClick}
-                  sx={{ ml: 1 }}
-                />
-              )}
-              anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}
-              transformOrigin={{ vertical: -5, horizontal: 67 }}
-            >
-              <ConfirmationDialog
-                actionTitle={t('Are you sure you want to delete this column?')}
-                actionName={t('Delete column')}
-                actionText={
-                  <>
-                    &quot;{field.name}&quot; {t('will be deleted permanently')}
-                  </>
-                }
-                onConfirm={() =>
-                  handleColumnDelete(lookupTableId, lookupTableField.fieldId)
+            <WithPermissions permissionTo={Permission.LOOKUP_TABLE_DEFINITION_UPDATE}>
+              <ColumnForm
+                btnEl={
+                  <Button
+                    text={t('Edit')}
+                    buttonType='secondary-m'
+                    startIcon={<EditIcon />}
+                  />
                 }
-                actionBtn={<AppMenuItem>{t('Delete')}</AppMenuItem>}
+                lookupTableField={lookupTableField}
+                lookupTableId={lookupTableId}
               />
-            </AppPopover>
+            </WithPermissions>
+            <WithPermissions permissionTo={Permission.LOOKUP_TABLE_DEFINITION_DELETE}>
+              <AppPopover
+                renderOpenBtn={({ onClick, ariaDescribedBy }) => (
+                  <Button
+                    aria-describedby={ariaDescribedBy}
+                    buttonType='secondary-m'
+                    icon={<KebabIcon />}
+                    onClick={onClick}
+                    sx={{ ml: 1 }}
+                  />
+                )}
+                anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}
+                transformOrigin={{ vertical: -5, horizontal: 67 }}
+              >
+                <ConfirmationDialog
+                  actionTitle={t('Are you sure you want to delete this column?')}
+                  actionName={t('Delete column')}
+                  actionText={
+                    <>
+                      &quot;{field.name}&quot; {t('will be deleted permanently')}
+                    </>
+                  }
+                  onConfirm={() =>
+                    handleColumnDelete(lookupTableId, lookupTableField.fieldId)
+                  }
+                  actionBtn={<AppMenuItem>{t('Delete')}</AppMenuItem>}
+                />
+              </AppPopover>
+            </WithPermissions>
           </Grid>
         )}
       </Grid>

odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructureOverview/DatasetStructureView/DatasetStructureList/DatasetStructureList.tsx

@@ -1,6 +1,6 @@
 import React, { type FC, useCallback, useEffect, useMemo, useRef } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
-import { type DataSetField } from 'generated-sources';
+import { Permission, type DataSetField } from 'generated-sources';
 import { useDataEntityRouteParams } from 'routes';
 import { Box } from '@mui/material';
 import { AddIcon } from 'components/shared/icons';
@@ -9,6 +9,7 @@ import { useTranslation } from 'react-i18next';
 import ColumnForm from 'components/shared/elements/forms/ColumnForm';
 import { getDataEntityDetails } from 'redux/selectors';
 import { useAppSelector } from 'redux/lib/hooks';
+import { WithPermissions } from 'components/shared/contexts';
 import DatasetStructureItem from './DatasetStructureItem/DatasetStructureItem';
 import * as S from './DatasetStructureList.styles';
 import useStructure from '../../lib/useStructure';
@@ -78,16 +79,18 @@ const DatasetStructureList: FC = () => {
               pl={1}
               height={theme => theme.spacing(6)}
             >
-              <ColumnForm
-                btnEl={
-                  <Button
-                    text={t('Add column')}
-                    buttonType='tertiary-m'
-                    startIcon={<AddIcon />}
-                  />
-                }
-                lookupTableId={lookupTableId}
-              />
+              <WithPermissions permissionTo={Permission.LOOKUP_TABLE_DEFINITION_CREATE}>
+                <ColumnForm
+                  btnEl={
+                    <Button
+                      text={t('Add column')}
+                      buttonType='tertiary-m'
+                      startIcon={<AddIcon />}
+                    />
+                  }
+                  lookupTableId={lookupTableId}
+                />
+              </WithPermissions>
             </Box>
           )}
         </S.ItemContainer>