Header: transVocabularies()

in transcribe-ui-frontend/frontend/src/components/VocabularyList.tsx [65:117]

• 52 lines of code
• 1 McCabe index (conditional complexity)

      Header: transVocabularies('display'),
      accessor: 'display',
      minWidth: 350
    }
  ]

  return (
    <Grid container spacing={1}>
      <Modal
        title={transVocabularies('removeVocabulary')}
        visible={isModalOpen}
        onClose={() => setIsModalOpen(false)}
      >
        <Grid container spacing={1}>
          <Grid item xs={12}>
            <Text>{transVocabularies('removeConfirm')}</Text>
          </Grid>
          <Grid item xs={12}>
            <hr
              style={{
                border: 'none',
                height: '1px',
                backgroundColor: '#eee'
              }}
            />
          </Grid>
          <Grid item xs={12}>
            <Grid container justify="flex-end" spacing={1}>
              <Grid item>
                <Button onClick={() => setIsModalOpen(false)}>
                  <Cancel />
                  &nbsp;{transCommon('cancel')}
                </Button>
              </Grid>
              <Grid item>
                <Button variant="primary" onClick={handleClickRemoveButton}>
                  <Delete />
                  &nbsp;{transVocabularies('removeVocabulary')}
                </Button>
              </Grid>
            </Grid>
          </Grid>
        </Grid>
      </Modal>
      <Grid item xs={12}>
        <Table
          loading={isTableLoading}
          tableTitle={transVocabularies('listVocabulary')}
          columnDefinitions={columnDefinitions}
          items={items}
          onSelectionChange={handleSelectionChange}
          sortBy={[
            {