exercism/website

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

Open

export const ResetAccountModal = ({
  handle,
  endpoint,
  ...props
}: Omit<ModalProps, 'className'> & {

• Read up
  Read up

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

Open

export const DeleteAccountModal = ({
  handle,
  endpoint,
  ...props
}: Omit<ModalProps, 'className'> & {

• Read up
  Read up

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

Open

const TypeOption = ({ option: type }: { option: TaskType }): JSX.Element => {
  switch (type) {
    case 'docs':
      return (
        <React.Fragment>

• Read up
  Read up

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

Open

const ActionOption = ({
  option: action,
}: {
  option: TaskAction
}): JSX.Element => {

• Read up
  Read up

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

Open

const Content = ({
  authors,
  contributors,
  links,
}: APIResponse): JSX.Element => {

• Read up
  Read up

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

Open

const Content = ({
  authors,
  contributors,
  links,
}: APIResponse): JSX.Element => {

• Read up
  Read up

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

Open

export const EnableSolutionCommentsModal = ({
  endpoint,
  onSuccess,
  ...props
}: Omit<ModalProps, 'className'> & {

• Read up
  Read up

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

Open

export const DisableSolutionCommentsModal = ({
  endpoint,
  onSuccess,
  ...props
}: Omit<ModalProps, 'className'> & {

• Read up
  Read up

File types.ts has 831 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Props as ConceptWidgetProps } from './common/ConceptWidget'
import { Props as ExerciseWidgetProps } from './common/ExerciseWidget'
import { Flair } from './common/HandleWithFlair'
import { DiscussionPostProps } from './mentoring/discussion/DiscussionPost'
import { Scratchpad } from './mentoring/Session'

File application.tsx has 759 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable @typescript-eslint/no-explicit-any */
import React, { lazy, Suspense } from 'react'
import { camelizeKeys } from 'humps'
import { camelizeKeysAs } from '@/utils/camelize-keys-as'
import { initReact } from '@/utils/react-bootloader'

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

Open

const ActionDetails = ({ action }: { action: TaskAction }): JSX.Element => {
  switch (action) {
    case 'create':
      return (
        <>

• Read up
  Read up

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

Open

const SizeDetails = ({ size }: { size: TaskSize }): JSX.Element => {
  switch (size) {
    case 'tiny':
      return (
        <>

• Read up
  Read up

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

Open

      <div className="flex mb-8">
        <div className="flex-grow">
          <div className="subtitle">Meet your mentor</div>
          <div className="handle-block">
            <div className="handle">

• Read up
  Read up

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

Open

        <div className="flex mb-8">
          <div className="flex-grow">
            <div className="subtitle">Who you&apos;re mentoring</div>
            <div className="handle-block">
              <div className="handle">

• Read up
  Read up

Function loadLanguageCompartment has 252 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const loadLanguageCompartment = async (
  language: string
): Promise<Extension> => {
  switch (language) {
    case 'cpp': {

File internal.tsx has 578 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable @typescript-eslint/no-explicit-any */
// Absolute, module imports
import React, { Suspense, lazy } from 'react'
import { camelizeKeys } from 'humps'
import currency from 'currency.js'

mappings has 66 functions (exceeds 20 allowed). Consider refactoring.

Open

export const mappings = {
  'share-link': (data: any): JSX.Element => (
    <Suspense fallback={RenderLoader()}>
      <ShareLink
        title={data.title}

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

Open

export default function PerksModalButton({
  data,
}: {
  data: PerksModalButtonProps
}): JSX.Element {

• Read up
  Read up

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

Open

export default function PerksExternalModalButton({
  data,
}: {
  data: PerksExternalModalButtonProps
}): JSX.Element {

• Read up
  Read up

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

Open

export const ExerciseMakersModal = ({
  endpoint,
  ...props
}: { endpoint: string } & Omit<ModalProps, 'className'>): JSX.Element => {
  const {

• Read up
  Read up