GregBrimble/cf-workers-dashboard

Function Container has 247 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const Container = () => {
  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
  const [profileDropdownOpen, setProfileDropdownOpen] = useState(false);
  const location = useLocation();

File Container.tsx has 281 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { useState, useEffect, useRef, createRef } from "react";
import { Transition } from "../components/lib/Transition";
import { useWindowKey } from "../hooks/useWindowKey";
import { classNames } from "../utils/classNames";
import { useMouseOutside } from "../hooks/useMouseOutside";

TODO found

Open

  const profileMenuRef = useRef(null); // TODO: Fix strict warnings

• Exclude checks
  • Disable engine
  • Disable check

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

Open

                        <svg
                          className={classNames(
                            "h-6 w-6",
                            mobileMenuOpen ? "hidden" : "block"
                          )}

• Read up
  Read up

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

Open

                        <svg
                          className={classNames(
                            "h-6 w-6",
                            mobileMenuOpen ? "block" : "hidden"
                          )}

• Read up
  Read up

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

Open

                      <div className="mt-1 text-sm font-medium leading-none text-gray-400">
                        <LazyRender
                          loading={loading}
                          error={error}
                          name="user"

• Read up
  Read up