EscolaLMS/Front

File index.tsx has 1897 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { SVGProps } from "react";

export const HamburguerIcon = () => {
  return (
    <svg

File i18n.ts has 1464 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import { resources as ComponentTranslations } from "@escolalms/components/lib/styleguide/i18n";

// the translations

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

Open

const EventsHeaderFilters = () => {
  const { params, setParams } = useContext(EventsContext);
  const location = useLocation();
  const parsedParams = qs.parse(location.search, {
    arrayFormat: "bracket",

• Read up
  Read up

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

Open

const PackagesHeaderFilters = () => {
  const { params, setParams } = useContext(PackagesContext);
  const location = useLocation();
  const parsedParams = qs.parse(location.search, {
    arrayFormat: "bracket",

• Read up
  Read up

Function Navbar has 474 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Navbar = () => {
  const { t } = useTranslation();
  const {
    showModal,
    closeModal,

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

Open

        <Row>
          <Col lg={7}>
            <Title mobile={isMobile} level={2}>
              {webinar.value.name}
            </Title>

• Read up
  Read up

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

Open

        <Row>
          <Col lg={7}>
            <Title mobile={isMobile} level={2}>
              {stationaryEvent.value.name}
            </Title>

• Read up
  Read up

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

Open

        <Row>
          <Col lg={7}>
            <Title mobile={isMobile} level={2}>
              {product.value.name}
            </Title>

• Read up
  Read up

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

Open

const EventsContainerItems = () => {
  const { params, setParams, events } = useContext(EventsContext);
  const eventLoading = events?.loading;
  const eventsMeta = events?.list?.meta;
  const theme = useTheme();

• Read up
  Read up

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

Open

const WebinarsContainerItems = () => {
  const { params, setParams, webinars } = useContext(WebinarsContext);
  const loading = webinars?.loading;
  const meta = webinars?.list?.meta;
  const theme = useTheme();

• Read up
  Read up

File index.tsx has 712 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { useContext, useEffect, useMemo, useState } from "react";

import { EscolaLMSContext } from "@escolalms/sdk/lib/react/context";
import { Navigation } from "@escolalms/components/lib/components/molecules/Navigation/Navigation";
import { Avatar } from "@escolalms/components/lib/components/atoms/Avatar/Avatar";

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

Open

const WebinarsHeaderStyles: FC<WebinarsHeaderStylesProps> = ({ children }) => {
  const StyledHeader = styled("div")<{
    filters: API.WebinarParams | undefined;
  }>`
    background: ${({ theme }) => theme.primaryColor};

• Read up
  Read up

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

Open

const EventsHeaderStyles: FC<EventsHeaderStylesProps> = ({ children }) => {
  const StyledHeader = styled("div")<{ filters: API.EventsParams | undefined }>`
    background: ${({ theme }) => theme.primaryColor};
    padding: ${isMobile ? "60px 20px 20px 20px" : "140px 40px 30px"};
    margin-bottom: ${isMobile ? "100px" : "40px"};

• Read up
  Read up

Function getNotificationTranslationObject has 270 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const getNotificationTranslationObject = (
  notification: Notification
): {
  translation: string;
  object?: { name?: string; amount?: number; date?: string; user?: string };

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

Open

          <div className="content-container">
            <Title level={4} as="h2">
              {t("CoursePage.InterestTitle")}
            </Title>
            {data && data.length > 4 ? (

• Read up
  Read up

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

Open

          <div className="content-container">
            <Title level={4} as="h2">
              {t("CoursePage.RelatedCoursesTitle")}
            </Title>
            {data && data.length > 4 ? (

• Read up
  Read up

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

Open

const useFetchCourses = (params?: CourseParams, noAutoFech?: boolean) => {
  const [courses, setCourses] = useState<PaginatedMetaList<Course>>();
  const [loading, setLoading] = useState(true);
  const { fetchCourses } = useContext(EscolaLMSContext);

• Read up
  Read up

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

Open

const useFetchConsultations = (params?: CourseParams, noAutoFech?: boolean) => {
  const [consultations, setConsultations] =
    useState<PaginatedMetaList<Consultation>>();
  const [loading, setLoading] = useState(true);
  const { fetchConsultations } = useContext(EscolaLMSContext);

• Read up
  Read up

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

Open

    const { incomplete, in_progress, complete } =
      activeLessonsFlatTopics.reduce<{
        in_progress: number[];
        complete: number[];
        incomplete: number[];

• Read up
  Read up

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

Open

    const { in_progress, complete } = activeLessonsFlatTopics.reduce<{
      in_progress: number[];
      complete: number[];
      incomplete: number[];
    }>(

• Read up
  Read up