cleaned up the folders

frontend/src/Call/CallPlayer.js

@@ -1,12 +1,12 @@
 import React, { useEffect, useLayoutEffect, useState, useRef } from "react";
 import { Link, useLocation, useParams, useNavigate } from 'react-router-dom';
 
-import MediaPlayer from "./MediaPlayer";
+import MediaPlayer from "./components/MediaPlayer";
 
-import SupportModal from "./SupportModal";
+import SupportModal from "./components/SupportModal";
 
-import CallInfo from "./CallInfo";
+import CallInfo from "./components/CallInfo";
-import ListCalls from "./ListCalls";
+import ListCalls from "./components/ListCalls";
 import { useSelector, useDispatch } from 'react-redux'
 import { setLive, setFilter,setDateFilter } from "../features/callPlayer/callPlayerSlice";
 import { getCalls, getOlderCalls, getNewerCalls, addCall } from "../features/calls/callsSlice";
@@ -24,8 +24,8 @@ import {
 import "./CallPlayer.css";
 import queryString from '../query-string';
 import io from 'socket.io-client';
-import { useCallLink } from "./CallLinks";
+import { useCallLink } from "./components/CallLinks";
-
+import "./CallPlayer.css";
 
 const socket = io(process.env.REACT_APP_BACKEND_SERVER);
 

frontend/src/Call/Calls.js

@@ -1,10 +1,10 @@
 import React, { useEffect, useLayoutEffect, useState, useRef } from "react";
 import { Link, useLocation, useParams, useNavigate } from 'react-router-dom';
 
-import FilterModal from "./FilterModal";
+import FilterModal from "./components/FilterModal";
-import GroupModal from "./GroupModal";
+import GroupModal from "./components/GroupModal";
 
-import CalendarModal from "./CalendarModal";
+import CalendarModal from "./components/CalendarModal";
 import CallPlayer from "./CallPlayer";
 
 import { useSelector, useDispatch } from 'react-redux'

frontend/src/Call/components/CalendarModal.js

@@ -5,7 +5,7 @@ import {
   Icon
 } from "semantic-ui-react";
 import "./CalendarModal.css";
-import { setDateFilter } from "../features/callPlayer/callPlayerSlice";
+import { setDateFilter } from "../../features/callPlayer/callPlayerSlice";
 import DatePicker from 'react-datepicker';
 import { useDispatch } from 'react-redux'
 import { subDays } from 'date-fns'

frontend/src/Call/components/CallInfo.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { useCallLink } from "./CallLinks";
-import { useGetGroupsQuery, useGetTalkgroupsQuery } from '../features/api/apiSlice'
+import { useGetGroupsQuery, useGetTalkgroupsQuery } from '../../features/api/apiSlice'
 import { Link, useLocation, useParams, useNavigate } from 'react-router-dom';
 import {
   Header,

frontend/src/Call/components/CallItem.js

@@ -6,7 +6,7 @@ import {
 } from "semantic-ui-react";
 
 
-import { addStar, removeStar } from "../features/calls/callsSlice";
+import { addStar, removeStar } from "../../features/calls/callsSlice";
 import { useDispatch } from 'react-redux'
 
 const CallItem = (props) => {

frontend/src/Call/components/FilterModal.js

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
-import { setGroupFilter, setTalkgroupFilter, setAllFilter, setStarredFilter } from "../features/callPlayer/callPlayerSlice";
+import { setGroupFilter, setTalkgroupFilter, setAllFilter, setStarredFilter } from "../../features/callPlayer/callPlayerSlice";
-import { useGetGroupsQuery, useGetTalkgroupsQuery } from '../features/api/apiSlice'
+import { useGetGroupsQuery, useGetTalkgroupsQuery } from '../../features/api/apiSlice'
 import { useSelector, useDispatch } from 'react-redux'
 import {
   Modal,

frontend/src/Call/components/GroupModal.js

@@ -1,6 +1,6 @@
 import React, { Component, useState } from "react";
-import { useGetGroupsQuery } from '../features/api/apiSlice'
+import { useGetGroupsQuery } from '../../features/api/apiSlice'
-import { setGroupFilter } from "../features/callPlayer/callPlayerSlice";
+import { setGroupFilter } from "../../features/callPlayer/callPlayerSlice";
 import { useSelector, useDispatch } from 'react-redux'
 
 import {

frontend/src/Call/components/ListCalls.js

@@ -5,7 +5,7 @@ import {
   Table,
   Ref
 } from "semantic-ui-react";
-import "./CallPlayer.css";
+import "../CallPlayer.css";
 
 // ----------------------------------------------------
 const ListCalls = (props) => {