RedHatInsights/insights-rbac-ui

Similar blocks of code found in 3 locations. Consider refactoring.

Open

            <Tr>
              <Td>Structuring your workspaces to fit your organizational use cases</Td>
              <Td>
                <Label color="orange">Documentation</Label>
              </Td>

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

            <Tr>
              <Td>Understanding access management</Td>
              <Td>
                <Label color="orange">Documentation</Label>
              </Td>

• Read up
  Read up

File role-permissions.js has 314 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { useEffect, useReducer, useState } from 'react';
import PropTypes from 'prop-types';
import { cellWidth, info } from '@patternfly/react-table';
import { Button, ButtonVariant } from '@patternfly/react-core';
import { FormattedMessage, useIntl } from 'react-intl';

Function SummaryContent has 88 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const SummaryContent = () => {
  const intl = useIntl();
  const formOptions = useFormApi();
  const { isBeta } = useChrome();
  const {

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export const fetchSystemGroup = ({ filterValue, chrome } = {}) => ({
  type: ActionTypes.FETCH_SYSTEM_GROUP,
  payload: GroupHelper.fetchGroups({
    limit: 1,
    ...(filterValue?.length > 0 ? { filters: { name: filterValue }, nameMatch: 'partial' } : {}),

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export const fetchAdminGroup = ({ filterValue, chrome } = {}) => ({
  type: ActionTypes.FETCH_ADMIN_GROUP,
  payload: GroupHelper.fetchGroups({
    limit: 1,
    ...(filterValue?.length > 0 ? { filters: { name: filterValue }, nameMatch: 'partial' } : {}),

• Read up
  Read up

Function schemaBuilder has 86 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const schemaBuilder = (container, featureFlag) => {
  const cache = createIntlCache();
  const intl = createIntl({ locale, messages: providerMessages }, cache);

  return {

Function BaseRoleTable has 85 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const BaseRoleTable = (props) => {
  const intl = useIntl();
  const dispatch = useDispatch();
  const fetchData = (options) => dispatch(fetchRolesForWizard(options));
  const [filterValue, setFilterValue] = useState('');

Similar blocks of code found in 2 locations. Consider refactoring.

Open

          {
            label: intl.formatMessage(messages.delete),
            props: {
              isDisabled: !selectedRows.length > 0,
            },

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

          {
            label: intl.formatMessage(messages.delete),
            props: {
              isDisabled: !selectedRows.length > 0,
            },

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      onSort={(e, index, direction) => {
        const orderBy = `${direction === 'desc' ? '-' : ''}${columns[index - 1].key}`;
        setSortByState({ index, direction });
        fetchData({ ...pagination, filters, usesMetaInURL, orderBy });
      }}

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        onSort={(e, index, direction) => {
          const orderBy = `${direction === 'desc' ? '-' : ''}${columns[index - 1].key}`;
          setSortByState({ index, direction });
          fetchData({ ...pagination, filters, usesMetaInURL, orderBy });
        }}

• Read up
  Read up

Function reducer has 81 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const reducer = (state, action) => {
  const prevState = state[action.key];
  switch (action.type) {
    case 'toggle':
      return {

File table-composable-toolbar-view.tsx has 300 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Fragment } from 'react';
import { useIntl } from 'react-intl';
import messages from '../../Messages';
import { TableVariant, Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
import TableToolbar from '@redhat-cloud-services/frontend-components/TableToolbar';

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    } else {
      setSelectedRows((users) => {
        return newSelection(users)
          .filter((user) => (displayNarrow ? user : user?.uuid != currentUser?.identity?.internal?.account_id))
          .map(({ uuid, username }) => ({ uuid, label: username || uuid }));

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  Object.keys(params).forEach((key) => {
    const value = params[key];

    if (Array.isArray(value)) {
      value.forEach((item) => item && searchParams.append(key, item));

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  Object.keys(newValues).forEach((key) => {
    const value = newValues[key];

    if (Array.isArray(value)) {
      value.forEach((item) => item && searchParams.append(key, item));

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if (setSelectedUsers) {
      setSelectedUsers((users) => {
        return newSelection(users)
          .filter((user) => (displayNarrow ? user : user?.uuid != currentUser?.identity?.internal?.account_id))
          .map(({ uuid, username }) => ({ uuid, label: username || uuid }));

• Read up
  Read up

Function makeRow has 79 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const makeRow = (permissionID, index) => {
    const options = Object.values(resourceTypes?.[permissionID] ?? {});

    return (
      <React.Fragment key={permissionID}>

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export const fetchRoles = (options = {}) => ({
  type: ActionTypes.FETCH_ROLES,
  payload: RoleHelper.fetchRoles(options).catch((err) => {
    const error = err?.errors?.[0] || {};
    if (error.status === '400' && error.source === 'detail') {

• Read up
  Read up