Function renderTreeView has 93 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const renderTreeView = (tree: ITreeMenu[]) => {
    return tree.map((item) => {
      const { label, route, name, icon, children } = item;

      const isSelected = item.key === selectedKey;

Function RaffleHandler has 93 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const RaffleHandler = () => {
  const [ran, setRan] = React.useState(false);
  const [calendlyURL, setCalendlyURL] = React.useState("");
  const [raffleModal, setRaffleModal] = React.useState(false);

Function runTests has 92 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const runTests = async () => {
  const examplesToRun = await getProjectsWithE2E();

  if (examplesToRun.length === 0) {
    return { success: true, empty: true };

Function run has 91 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export async function run(): Promise<void> {
  const cli = meow({
    description: "Codemods for updating refine apps.",
    help: `
    Usage

Function renderRelationFields has 90 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const renderRelationFields = (field: InferField) => {
    if (field.relation && field.resource) {
      const validVariableName = getVariableName(field.key, "Data");
      const variableName = `${validVariableName}?.data`;
      const variableIsLoading = getVariableName(field.key, "IsLoading");

Function devtoolsInstaller has 90 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const devtoolsInstaller = async () => {
  const corePackage = await getRefineCorePackage();

  const isInstalled = await spinner(
    isDevtoolsInstalled,

Function triggerExport has 90 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const triggerExport = async () => {
    setIsLoading(true);

    let rawData: BaseRecord[] = [];

Function Preview has a Cognitive Complexity of 25 (exceeds 5 allowed). Consider refactoring.

Open

const Preview: NextPage = () => {
  const [ready, setReady] = React.useState(false);
  const { code, css, hasQuery, isReady, disableScroll, useTailwind } =
    useCode();
  const [scope, setScope] = React.useState({ ...RefineCommonScope });

• Read up
  Read up

Function useBreadcrumb has a Cognitive Complexity of 25 (exceeds 5 allowed). Consider refactoring.

Open

export const useBreadcrumb = ({
  meta: metaFromProps = {},
}: UseBreadcrumbProps = {}): UseBreadcrumbReturnType => {
  const routerType = useRouterType();
  const { i18nProvider } = useContext(I18nContext);

• Read up
  Read up

Function ProjectIdFixBanner has 87 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const ProjectIdFixBanner = () => {
  const [projectId, setProjectId] = React.useState<string | null>(null);
  const [modalVisible, setModalVisible] = React.useState(false);
  const [status, setStatus] = React.useState<
    "hidden" | "warning" | "fixing" | "success"

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

Open

function addRouterProvider(j: JSCodeshift, root: Collection<any>) {
  const routerProviderImports = root.find(j.ImportDeclaration, {
    source: {
      value: "@pankod/refine-react-router",
    },

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

Open

const fixUseSelectHasPaginationToPaginationMode = (
  j: JSCodeshift,
  source: Collection,
) => {
  const useSelectHooks = source.find(j.CallExpression, {

Function LiveComponent has a Cognitive Complexity of 24 (exceeds 5 allowed). Consider refactoring.

Open

export const LiveComponent: React.FC<LiveComponentProps> = ({
  fetchError,
  code,
  additionalScope,
  errorComponent: ErrorComponent,

• Read up
  Read up

Function replaceImports has a Cognitive Complexity of 24 (exceeds 5 allowed). Consider refactoring.

Open

export const replaceImports = (content: string): string => {
  const matches = content.matchAll(packageRegex);

  const imports = new Set();

• Read up
  Read up

Function useMenu has a Cognitive Complexity of 24 (exceeds 5 allowed). Consider refactoring.

Open

export const useMenu = (
  { meta, hideOnMissingParameter }: UseMenuProps = {
    hideOnMissingParameter: true,
  },
): UseMenuReturnType => {

• Read up
  Read up

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

Open

    const renderCrud = () => {
      switch (action) {
        case undefined: {
          return (
            <CanAccess

Function List has 84 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const List: React.FC<ListProps> = (props) => {
  const {
    canCreate,
    children,
    createButtonProps: createButtonPropsFromProps,

Function DevtoolsPanel has 84 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    : () => {
        const [browser, setBrowser] = React.useState<boolean>(false);
        const [visible, setVisible] = React.useState(false);
        const [placement] = React.useState<Placement>("bottom");
        const { devtoolsUrl, ws } = React.useContext(DevToolsContext);

Consider simplifying this complex logical expression.

Open

  if (resource) {
    const {
      list,
      create,
      edit,

Function separateImportsAntD has 83 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const separateImportsAntD = (j: JSCodeshift, source: Collection) => {
  const config = new CodemodConfig(CONFIG_FILE_NAME);

  separateImports({
    j,