INTO-CPS-Association/DTaaS

File Store.test.ts has 389 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable no-shadow */

import assetsSlice, {
  deleteAsset,
  setAssets,

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

Open

  it('should call updateFileState if new file is found - create tab', async () => {
    const testFiles: FileState[] = [
      { name: 'file1.md', content: 'content', isNew: true, isModified: false },
    ];

• Read up
  Read up

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

Open

  it('should call updateFileState if new file is found - reconfigure tab', async () => {
    const testFiles: FileState[] = [
      { name: 'file1.md', content: 'content', isNew: false, isModified: true },
    ];

• Read up
  Read up

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

Open

  it('should call fetchAndSetFileContent if new file is found - reconfigure tab', async () => {
    const testFiles: FileState[] = [
      { name: 'file1.md', content: 'content', isNew: false, isModified: false },
    ];

• Read up
  Read up

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

Open

const mockGitlabInstance = {
  api: mockApi as unknown as GitlabInstance['api'],
  projectId: 1,
  triggerToken: 'test-token',
  logs: [] as { jobName: string; log: string }[],

• Read up
  Read up

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

Open

const mockGitlabInstance = {
  api: mockApi as unknown as GitlabInstance['api'],
  projectId: 1,
  triggerToken: 'test-token',
  logs: [] as { jobName: string; log: string }[],

• Read up
  Read up

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

Open

const mockGitlabInstance = {
  api: mockApi as unknown as GitlabInstance['api'],
  projectId: 1,
  triggerToken: 'test-token',
  logs: [] as { jobName: string; log: string }[],

• Read up
  Read up

File Sidebar.tsx has 290 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import * as React from 'react';
import { useEffect, useState, Dispatch, SetStateAction } from 'react';
import { Grid, CircularProgress, Button, Box } from '@mui/material';
import { SimpleTreeView } from '@mui/x-tree-view/SimpleTreeView';
import { useDispatch, useSelector } from 'react-redux';

Function handleReconfigureFileClick has 69 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const handleReconfigureFileClick = async (
  fileName: string,
  asset: DigitalTwin | LibraryAsset | null,
  files: FileState[],
  setFileName: Dispatch<SetStateAction<string>>,

Function AssetLibrary has 66 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function AssetLibrary(props: { pathToAssets: string; privateRepo: boolean }) {
  const assets = useSelector(
    selectAssetsByTypeAndPrivacy(props.pathToAssets, props.privateRepo),
  );
  const [filter, setFilter] = useState('');

Function ShoppingCart has 65 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function ShoppingCart() {
  const { actions } = useCart();
  const navigate = useNavigate();
  const [openDialog, setOpenDialog] = useState(false);
  const dispatch = useDispatch();

File ReconfigureDialog.tsx has 274 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable no-restricted-syntax */
/* eslint-disable no-await-in-loop */

import * as React from 'react';
import { useState, Dispatch, SetStateAction } from 'react';

File AssetCard.tsx has 264 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import * as React from 'react';
import { useState, Dispatch, SetStateAction } from 'react';
import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent';
import Typography from '@mui/material/Typography';

File sidebarFunctions.ts has 259 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { addOrUpdateFile, FileState } from 'preview/store/file.slice';
import DigitalTwin from 'preview/util/digitalTwin';
import { Dispatch, SetStateAction } from 'react';
import { useDispatch } from 'react-redux';
import LibraryAsset from 'preview/util/libraryAsset';

Function SignIn has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function SignIn() {
  const auth = useAuth();

  const startAuthProcess = () => {
    auth.signinRedirect();

File sidebarFunctions.test.ts has 253 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import * as SidebarFunctions from 'preview/route/digitaltwins/editor/sidebarFunctions';
import { FileState } from 'preview/store/file.slice';
import * as FileUtils from 'preview/util/fileUtils';
import * as SidebarFetchers from 'preview/route/digitaltwins/editor/sidebarFetchers';
import { mockLibraryAsset } from 'test/preview/__mocks__/global_mocks';

Function handleCreateFileClick has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const handleCreateFileClick = (
  fileName: string,
  asset: DigitalTwin | LibraryAsset | null,
  files: FileState[],
  setFileName: Dispatch<SetStateAction<string>>,

Function handleEditorChange has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const handleEditorChange = (
  tab: string,
  value: string | undefined,
  setEditorValue: Dispatch<SetStateAction<string>>,
  setFileContent: Dispatch<SetStateAction<string>>,

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

Open

  it('handles cancel', () => {
    const cancelButton = screen.getByRole('button', { name: /Cancel/i });

    act(() => {
      cancelButton.click();

• Read up
  Read up

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

Open

  it('handles click on delete button', () => {
    const deleteButton = screen.getByRole('button', { name: /Delete/i });
    act(() => {
      deleteButton.click();
    });

• Read up
  Read up