1706 use jsx file extension

client/src/components/Button/EditToggleButton.js → client/src/components/Button/EditToggleButton.jsx

@@ -1,6 +1,6 @@
 import React from "react";
 import PropTypes from "prop-types";
-import Button from "../Button/Button";
+import Button from "./Button";
 import { MdEdit } from "react-icons/md";
 
 const EditToggleButton = ({ id, onClick, editMode }) => {

client/src/components/Button/SaveButton.js → client/src/components/Button/SaveButton.jsx

@@ -1,6 +1,6 @@
 import React from "react";
 import PropTypes from "prop-types";
-import Button from "../Button/Button";
+import Button from "./Button";
 
 const SaveButton = ({ id, onClick, isDisabled, isDisplayed, color }) => {
   return (

client/src/components/Button/SubmitButton.js → client/src/components/Button/SubmitButton.jsx

@@ -1,6 +1,6 @@
 import React from "react";
 import PropTypes from "prop-types";
-import Button from "../Button/Button";
+import Button from "./Button";
 
 const SubmitButton = ({ id, onClick, isDisabled, isDisplayed, color }) => {
   return (

client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.js → client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.jsx

@@ -2,7 +2,7 @@ import React from "react";
 import PropTypes from "prop-types";
 import { createUseStyles, useTheme } from "react-jss";
 import RuleCalculationPanels from "../RuleCalculation/RuleCalculationPanels";
-import Level0Page from "../WizardPages/Level0Page";
+import Level0Page from "./Level0Page";
 import ParkingProvidedRuleInput from "../RuleInput/ParkingProvidedRuleInput";
 
 const useStyles = createUseStyles(theme => ({

client/src/components/Projects/DownloadProjectModal.js → client/src/components/Projects/DownloadProjectModal.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import PropTypes from "prop-types";
 import { createUseStyles, useTheme } from "react-jss";
-import * as projectResultService from "..////../services/projectResult.service";
+import * as projectResultService from "../../services/projectResult.service";
 import Button from "../Button/Button";
 
 import ModalDialog from "../UI/AriaModal/ModalDialog";

client/src/components/Projects/ProjectTableRow.js → client/src/components/Projects/ProjectTableRow.jsx

@@ -18,7 +18,7 @@ import ProjectContextMenu from "./ProjectContextMenu";
 import PdfPrint from "../PdfPrint/PdfPrint";
 import fetchEngineRules from "./fetchEngineRules";
 import * as droService from "../../services/dro.service";
-import UniversalSelect from "../UI/UniversalSelect.jsx";
+import UniversalSelect from "../UI/UniversalSelect";
 
 const useStyles = createUseStyles({
   td: {

client/src/components/Projects/ProjectsPage.js → client/src/components/Projects/ProjectsPage.jsx

@@ -2,29 +2,29 @@ import React, { useState, useContext, useEffect, memo } from "react";
 import PropTypes from "prop-types";
 import { useNavigate } from "react-router-dom";
 import { createUseStyles } from "react-jss";
-import UserContext from "../../contexts/UserContext.js";
+import UserContext from "../../contexts/UserContext";
 
 import { MdFilterAlt } from "react-icons/md";
 import SearchIcon from "../../images/search.png";
-import Pagination from "../UI/Pagination.js";
+import Pagination from "../UI/Pagination";
 import ContentContainerNoSidebar from "../Layout/ContentContainerNoSidebar";
 import useErrorHandler from "../../hooks/useErrorHandler";
 import useProjects from "../../hooks/useGetProjects";
-import useCheckedProjectsStatusData from "../../hooks/useCheckedProjectsStatusData.js";
+import useCheckedProjectsStatusData from "../../hooks/useCheckedProjectsStatusData";
 import * as projectService from "../../services/project.service";
 import * as droService from "../../services/dro.service";
 import SnapshotProjectModal from "./SnapshotProjectModal";
 import RenameSnapshotModal from "./RenameSnapshotModal";
 
 import DeleteProjectModal from "./DeleteProjectModal";
 import CopyProjectModal from "./CopyProjectModal";
-import CsvModal from "./CsvModal.js";
+import CsvModal from "./CsvModal";
 import ProjectTableRow from "./ProjectTableRow";
-import FilterDrawer from "./FilterDrawer.js";
-import MultiProjectToolbarMenu from "./MultiProjectToolbarMenu.js";
-import fetchEngineRules from "./fetchEngineRules.js";
-import UniversalSelect from "../UI/UniversalSelect.jsx";
-import ProjectTableColumnHeader from "./ColumnHeaderPopups/ProjectTableColumnHeader.js";
+import FilterDrawer from "./FilterDrawer";
+import MultiProjectToolbarMenu from "./MultiProjectToolbarMenu";
+import fetchEngineRules from "./fetchEngineRules";
+import UniversalSelect from "../UI/UniversalSelect";
+import ProjectTableColumnHeader from "./ColumnHeaderPopups/ProjectTableColumnHeader";
 
 const useStyles = createUseStyles({
   outerDiv: {

client/src/helpers/Config.js

@@ -1,4 +1,4 @@
-import * as configService from "../services/config.service.js";
+import * as configService from "../services/config.service";
 
 export const getConfigs = async () => {
   try {

client/src/services/tdm-engine.test.js

@@ -1,11 +1,7 @@
 import Engine from "./tdm-engine";
 import { engineTestRules, engineTestInput1 } from "../test-data/engine-test";
 import { tdmRules } from "../test-data/tdm-calc-rules";
-import {
-  project1,
-  project2,
-  project3
-} from "../test-data/tdm-calc-examples.js";
+import { project1, project2, project3 } from "../test-data/tdm-calc-examples";
 import "@testing-library/jest-dom";
 
 describe("class Engine", () => {