Function HeaderAuthStatus has 95 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const HeaderAuthStatus = () => {
  const [me, setMe] = React.useState<MeResponse | null>(null);
  const [logoutVisible, setLogoutVisible] = React.useState(false);
  const buttonRef = React.useRef<HTMLButtonElement>(null);
  const navigate = useNavigate();

Function basicInputFields has 94 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const basicInputFields = (field: InferField) => {
    if (
      field.type === "text" ||
      field.type === "url" ||
      field.type === "email" ||

Function DevtoolsPanel has 94 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);

Function ConfigSuccessPage has a Cognitive Complexity of 26 (exceeds 5 allowed). Consider refactoring.

Open

export const ConfigSuccessPage: React.FC = () => {
  const isTablet = useMediaQuery("(max-width: 1010px)");
  const isMobile = useMediaQuery("(max-width: 650px)");

  const getGridTemplateColumns = () => {

• Read up
  Read up

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 replaceImports has 92 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

  const imports = new Set();

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 runTests has 90 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

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

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,

• 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 operatorMapper has a Cognitive Complexity of 24 (exceeds 5 allowed). Consider refactoring.

Open

const operatorMapper = (
  operator: CrudOperators,
  value: any,
): { [key: string]: any } => {
  if (operator === "contains") {

• Read up
  Read up

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,

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

Open

export default function transformer(file: FileInfo, api: API, options: any) {
  const j = api.jscodeshift;
  const source = j(file.source);

  const rootElement = source.find(j.JSXElement, {

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

Open

export function useResource(
  args?: UseResourceLegacyProps | UseResourceParam,
): UseResourceReturnType {
  const { resources } = useContext(ResourceContext);

Function bootstrap has 82 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const bootstrap = () => {
  const packageJson = JSON.parse(
    readFileSync(`${__dirname}/../package.json`, "utf8"),
  );