Fix Module Imports

__Issue__: After restructing application, things began to break due to
incorrect module/file imports.

__Fix__: Moved down and across application filesystem and added in the
necessary relative module/file imports to resolve issue.

src/components/Base.js

@@ -4,7 +4,7 @@
 import React from "react";
 
 /* Components Imports */
-import Sidebar from "./Sidebar";
+import Sidebar from "./sidebar";
 
 /* Styles and Assets Imports */
 import "../styles/main.css";

src/components/sidebar/index.js

@@ -0,0 +1,2 @@
+import Sidebar from "./sidebar";
+export default Sidebar;

src/components/sidebar/sidebar.js

@@ -8,7 +8,7 @@ import query from "../../utils/query";
 import { createChart, createFavorite, createDatapoint } from "../../utils/api";
 
 /* Tailwind css build */
-import "../styles/main.css";
+import "../../styles/main.css";
 
 /* Fontawesome Icons */
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -22,7 +22,7 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 
 /* Assets Imports */
-import PattooLogo from "../assets/pattoo-light 1.png";
+import PattooLogo from "../../assets/pattoo-light 1.png";
 
 // Binding React Modal to public/index.html 'modal' element
 Modal.setAppElement("#modal");

src/index.js

@@ -7,7 +7,7 @@ import { BrowserRouter } from "react-router-dom";
 import "./styles/main.css";
 
 /* Routes Imports */
-import RouteClient from "./RouteClient";
+import RouteClient from "./routes/routeClient";
 
 function App() {
   return <RouteClient />;

src/routes/dashboard/dashboard.js

@@ -2,14 +2,14 @@
 import React, { useState, useEffect } from "react";
 
 /* Components Import */
-import DashboardComponent from "../components/Dashboard";
+import DashboardComponent from "../../components/Dashboard";
 
 /* Querying */
-import queryResource from "../graphql_client";
-import { userFavorite } from "../api";
+import query from "../../utils/query";
+import { userFavorite } from "../../utils/api";
 
 /* Tailwind css build */
-import "../styles/main.css";
+import "../../styles/main.css";
 
 function parseFavoriteCharts(response) {
   return response.data.data.allFavorite.edges
@@ -50,7 +50,7 @@ function Dashboard() {
   const userID = localStorage.getItem("userID");
 
   useEffect(() => {
-    queryResource(userFavorite(userID, token))
+    query(userFavorite(userID, token))
       .then((response) => setChartData(parseFavoriteCharts(response)))
       .catch(console.log);
   }, []);

src/routes/login/login.js

@@ -3,10 +3,10 @@ import React, { useState } from "react";
 import { useHistory } from "react-router-dom";
 
 /* Authentication method imports */
-import { authenticate } from "../graphql_client";
+import { authenticate } from "../../utils/query";
 
 /* Components */
-import LoginComponent from "../components/Login";
+import LoginComponent from "../../components/Login";
 
 function Login() {
   const history = useHistory();

src/routes/routeClient/routesClient.js

@@ -3,8 +3,8 @@ import React from "react";
 import { Route, Switch, Redirect } from "react-router-dom";
 
 /* Route components */
-import Login from "../Login";
-import Dashboard from "../Dashboard";
+import Login from "../login";
+import Dashboard from "../dashboard";
 
 function ProtectedRoute({ component: Component, ...props }) {
   return (

src/utils/query/query.js

@@ -1,12 +1,12 @@
 /* Authentication query */
-import { userAuth } from "./api";
+import { userAuth } from "../api";
 
 /* Imports */
 const axios = require("axios").default;
 
 const serverUrl = "http://localhost:20202/pattoo/api/v1/web/graphql";
 
-async function queryResource(data) {
+async function query(data) {
   return await axios({
     method: "post",
     url: serverUrl,