Sign upLogin

coronasafe/care_fe

View on GitHub
Star
src/pages/Landing/LandingPage.tsx

Summary

Maintainability
D
2 days
Test Coverage

Showing 4 of 4 total issues

Function LandingPage has 223 lines of code (exceeds 25 allowed). Consider refactoring.
Open

export function LandingPage() {
  const { t } = useTranslation();
  const [searchQuery, setSearchQuery] = useState("");
  const [isOpen, setIsOpen] = useState(false);
  const [selectedOrganization, setSelectedOrganization] =
Severity: Major
Found in src/pages/Landing/LandingPage.tsx - About 1 day to fix

Function LandingPage has a Cognitive Complexity of 16 (exceeds 5 allowed). Consider refactoring.
Open

export function LandingPage() {
  const { t } = useTranslation();
  const [searchQuery, setSearchQuery] = useState("");
  const [isOpen, setIsOpen] = useState(false);
  const [selectedOrganization, setSelectedOrganization] =
Severity: Minor
Found in src/pages/Landing/LandingPage.tsx - About 2 hrs to fix

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

            <div className="flex flex-col items-center justify-center gap-5 p-3 rounded-xl shadow-sm bg-white hover:shadow-md transition-all bg-[url('/images/staff_background.png')] bg-auto bg-center bg-no-repeat">
              <div className="rounded-full bg-green-100 m-2 p-1 aspect-square flex justify-center items-center border-2 border-white shadow-sm">
                <CareIcon
                  icon="d-health-worker"
                  className="size-8 text-green-700"
Severity: Major
Found in src/pages/Landing/LandingPage.tsx and 1 other location - About 5 hrs to fix
src/pages/Landing/LandingPage.tsx on lines 250..266

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

            <div className="flex flex-col items-center justify-center gap-5 p-3 rounded-xl shadow-sm bg-white hover:shadow-md transition-all bg-[url('/images/patient_background.png')] bg-auto bg-center bg-no-repeat">
              <div className="rounded-full bg-indigo-100 m-2 p-1 aspect-square flex justify-center items-center border-2 border-white shadow-sm">
                <CareIcon icon="d-patient" className="size-8 text-indigo-700" />
              </div>
              <div className="flex flex-col items-center">
Severity: Major
Found in src/pages/Landing/LandingPage.tsx and 1 other location - About 5 hrs to fix
src/pages/Landing/LandingPage.tsx on lines 230..249
Category
Status