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 1454 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

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

Open

  const availableTopicsIds = useMemo(() => {
    const activeLessons = (currentCourseProgram?.lessons ?? []).filter(
      (l) =>
        l.active_from === null ||
        (l.active_from && isAfter(new Date(), new Date(l.active_from)))

• Read up
  Read up

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

Open

  const availableTopicsIds = useMemo(() => {
    const activeLessons = (currentCourseProgram?.lessons ?? []).filter(
      (l) =>
        l.active_from === null ||
        (l.active_from && isAfter(new Date(), new Date(l.active_from)))

• Read up
  Read up

Function Navbar has 438 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}>
              {product.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}>
              {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 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

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

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

Open

import { useContext, useEffect, 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 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

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

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.RelatedCoursesTitle")}
            </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.InterestTitle")}
            </Title>
            {data && data.length > 4 ? (

• Read up
  Read up

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

Open

          {!(cart.value?.items.length === 0) ? (
            <Row>
              <Col lg={9}>
                <Breadcrumbs
                  items={[

• Read up
  Read up

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

Open

            {!(cart.value?.items.length === 0) ? (
              <Row>
                <Col lg={9}>
                  <div className="module-wrapper">
                    <Title style={{ marginBottom: 20 }} level={2} as="h3">

• Read up
  Read up