[DUOS-2977] Switch file extensions to JSX (#2481)

src/components/SimpleTable.js → src/components/SimpleTable.jsx

@@ -3,7 +3,7 @@ import { isNil } from 'lodash/fp';
 import { Styles } from '../libs/theme';
 import ReactTooltip from 'react-tooltip';
 import { ArrowDropUp, ArrowDropDown } from '@mui/icons-material';
-import { SpinnerComponent } from '../components/SpinnerComponent';
+import { SpinnerComponent } from './SpinnerComponent';
 import loadingImage from '../images/loading-indicator.svg';
 
 // Renders spinning circle while table loading

src/components/manage_dac_table/ManageDacTable.js → src/components/manage_dac_table/ManageDacTable.jsx

@@ -6,8 +6,8 @@ import {filter, isNil} from 'lodash/fp';
 import {Styles} from '../../libs/theme';
 import { recalculateVisibleTable, goToPage as updatePage } from '../../libs/utils';
 import cellData from './ManageDacTableCellData';
-import SimpleTable from '../../components/SimpleTable';
-import PaginationBar from '../../components/PaginationBar';
+import SimpleTable from '../SimpleTable';
+import PaginationBar from '../PaginationBar';
 
 
 export const styles = {

src/components/manage_dac_table/ManageDacTableCellData.js → src/components/manage_dac_table/ManageDacTableCellData.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import {isNil, isEmpty} from 'lodash/fp';
 import {styles} from './ManageDacTable';
-import TableIconButton from '../../components/TableIconButton';
+import TableIconButton from '../TableIconButton';
 import {Styles} from '../../libs/theme';
 import {Delete, Edit} from '@mui/icons-material';