cosmas28/toDo-ui

View on GitHub

Showing 7 of 26 total issues

Function Login has 32 lines of code (exceeds 25 allowed). Consider refactoring.
Open

const Login: NextPage = () => {
const router = useRouter();
 
const handleSubmit = (e: React.MouseEvent): void => {
e.preventDefault();
Severity: Minor
Found in pages/login.tsx - About 1 hr to fix

    Function render has 26 lines of code (exceeds 25 allowed). Consider refactoring.
    Open

    render(): JSX.Element {
    return (
    <Container
    ref={(node): void => {
    this.node = node;
    Severity: Minor
    Found in components/Common/Dropdown.tsx - About 1 hr to fix

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

      <Item>
      <ItemIcon>
      <FaSignOutAlt size={18} />
      </ItemIcon>
      <ItemText>Sign out</ItemText>
      Severity: Minor
      Found in components/Common/Dropdown.tsx and 1 other location - About 55 mins to fix
      components/Common/Dropdown.tsx on lines 138..143

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

      <Item>
      <ItemIcon>
      <FaCog size={15} />
      </ItemIcon>
      <ItemText>Account settings</ItemText>
      Severity: Minor
      Found in components/Common/Dropdown.tsx and 1 other location - About 55 mins to fix
      components/Common/Dropdown.tsx on lines 144..149

      Similar blocks of code found in 8 locations. Consider refactoring.
      Open

      const DropdownContent = styled.div<DropdownContentProps>`
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1000;
      Severity: Major
      Found in components/Common/Dropdown.tsx and 7 other locations - About 40 mins to fix
      components/AuthPageLayout.tsx on lines 40..45
      components/Button.tsx on lines 29..33
      components/InputBox.tsx on lines 26..33
      components/InputBox.tsx on lines 39..44
      components/InputBox.tsx on lines 50..66
      components/MenuButton.tsx on lines 31..36
      components/Modal.tsx on lines 9..20

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

      export const renderAddIcon = (iconSize: number): JSX.Element => <IoIosAddCircle size={iconSize} color="#3359DB" />;
      Severity: Minor
      Found in components/Header.tsx and 1 other location - About 35 mins to fix
      components/Header.tsx on lines 88..88

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

      export const renderFilterIcon = (iconSize: number): JSX.Element => <FaFilter size={iconSize} color="#3359DB" />;
      Severity: Minor
      Found in components/Header.tsx and 1 other location - About 35 mins to fix
      components/Header.tsx on lines 86..86
      Severity
      Category
      Status
      Source
      Language