moves store to a separate folder

frontend/src/components/CustomDateTimeModal.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { Modal, DatePicker } from "antd";
-import { DateTimeRangeType } from "../actions";
+import { DateTimeRangeType } from "../store/actions";
 import { Moment } from "moment";
 import moment from "moment";
 

frontend/src/components/DateTimeSelector.tsx

@@ -6,11 +6,11 @@ import { RouteComponentProps, useLocation } from "react-router-dom";
 import { connect } from "react-redux";
 
 import CustomDateTimeModal from "./CustomDateTimeModal";
-import { GlobalTime, updateTimeInterval } from "../actions";
+import { GlobalTime, updateTimeInterval } from "../store/actions";
-import { StoreState } from "../reducers";
+import { StoreState } from "../store/reducers";
 import FormItem from "antd/lib/form/FormItem";
 
-import { DateTimeRangeType } from "../actions";
+import { DateTimeRangeType } from "../store/actions";
 import { METRICS_PAGE_QUERY_PARAM } from "Src/constants/query";
 import { LOCAL_STORAGE } from "Src/constants/localStorage";
 import moment from "moment";

frontend/src/components/add-instrumentation/instrumentationPage.tsx

@@ -7,7 +7,7 @@ import {
 	EyeTwoTone,
 	EyeInvisibleOutlined,
 } from "@ant-design/icons";
-import { StoreState } from "../../reducers";
+import { StoreState } from "../../store/reducers";
 
 import { Alert } from "antd";
 

frontend/src/components/metrics/ErrorRateChart.tsx

@@ -5,7 +5,7 @@ import { withRouter } from "react-router";
 import { RouteComponentProps } from "react-router-dom";
 import styled from "styled-components";
 
-import { metricItem } from "../../actions/metrics";
+import { metricItem } from "../../store/actions/metrics";
 
 const ChartPopUpUnique = styled.div<{
 	ycoordinate: number;

frontend/src/components/metrics/GenericVisualization.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { Bar, Line as ChartJSLine } from "react-chartjs-2";
 import styled from "styled-components";
 
-import { customMetricsItem } from "../../actions/metrics";
+import { customMetricsItem } from "../../store/actions/metrics";
 
 const GenVisualizationWrapper = styled.div`
 	height: 160px;

frontend/src/components/metrics/LatencyLineChart.tsx

@@ -5,7 +5,7 @@ import { withRouter } from "react-router";
 import { RouteComponentProps } from "react-router-dom";
 import styled from "styled-components";
 
-import { metricItem } from "../../actions/metrics";
+import { metricItem } from "../../store/actions/metrics";
 
 const ChartPopUpUnique = styled.div<{
 	ycoordinate: number;

frontend/src/components/metrics/RequestRateChart.tsx

@@ -5,7 +5,7 @@ import { withRouter } from "react-router";
 import { RouteComponentProps } from "react-router-dom";
 import styled from "styled-components";
 
-import { metricItem } from "../../actions/metrics";
+import { metricItem } from "../../store/actions/metrics";
 
 const ChartPopUpUnique = styled.div<{
 	ycoordinate: number;

frontend/src/components/metrics/ServiceMetrics.tsx

@@ -11,8 +11,8 @@ import {
 	topEndpointListItem,
 	GlobalTime,
 	updateTimeInterval,
-} from "../../actions";
+} from "../../store/actions";
-import { StoreState } from "../../reducers";
+import { StoreState } from "../../store/reducers";
 import LatencyLineChart from "./LatencyLineChart";
 import RequestRateChart from "./RequestRateChart";
 import ErrorRateChart from "./ErrorRateChart";

frontend/src/components/metrics/ServicesTable.tsx

@@ -5,8 +5,8 @@ import { Button, Space, Spin, Table } from "antd";
 import styled from "styled-components";
 import { connect } from "react-redux";
 
-import { getServicesList, GlobalTime, servicesListItem } from "../../actions";
+import { getServicesList, GlobalTime, servicesListItem } from "../../store/actions";
-import { StoreState } from "../../reducers";
+import { StoreState } from "../../store/reducers";
 import { CustomModal } from "../common/Modal";
 
 interface ServicesTableProps {

frontend/src/components/metrics/TopEndpointsTable.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { NavLink } from "react-router-dom";
 import { Table } from "antd";
 import styled from "styled-components";
-import { topEndpointListItem } from "../../actions/metrics";
+import { topEndpointListItem } from "../../store/actions/metrics";
 
 const Wrapper = styled.div`
 	padding-top: 10px;

frontend/src/components/settings/settingsPage.tsx

@@ -7,7 +7,7 @@ import {
 	EyeTwoTone,
 	EyeInvisibleOutlined,
 } from "@ant-design/icons";
-import { StoreState } from "../../reducers";
+import { StoreState } from "../../store/reducers";
 import { Alert } from "antd";
 
 interface SettingsPageProps {}

frontend/src/components/traces/FilterStateDisplay.tsx

@@ -2,8 +2,8 @@ import React from "react";
 import { Card, Tag } from "antd";
 import { connect } from "react-redux";
 
-import { StoreState } from "../../reducers";
+import { StoreState } from "../../store/reducers";
-import { TagItem, TraceFilters, updateTraceFilters } from "../../actions";
+import { TagItem, TraceFilters, updateTraceFilters } from "../../store/actions";
 
 interface FilterStateDisplayProps {
 	traceFilters: TraceFilters;

frontend/src/components/traces/TraceCustomVisualizations.tsx

@@ -3,13 +3,13 @@ import GenericVisualizations from "../metrics/GenericVisualization";
 import { Select, Card, Space, Form } from "antd";
 import { connect } from "react-redux";
 
-import { StoreState } from "../../reducers";
+import { StoreState } from "../../store/reducers";
 import {
 	customMetricsItem,
 	getFilteredTraceMetrics,
 	GlobalTime,
 	TraceFilters,
-} from "../../actions";
+} from "../../store/actions";
 
 const { Option } = Select;
 

frontend/src/components/traces/TraceFilter.tsx

@@ -9,8 +9,8 @@ import {
 	fetchTraces,
 	TraceFilters,
 	GlobalTime,
-} from "../../actions";
+} from "../../store/actions";
-import { StoreState } from "../../reducers";
+import { StoreState } from "../../store/reducers";
 import LatencyModalForm from "./LatencyModalForm";
 import { FilterStateDisplay } from "./FilterStateDisplay";
 

frontend/src/components/traces/TraceGraph.tsx

@@ -11,8 +11,8 @@ import * as d3Tip from "d3-tip";
 
 import "./TraceGraph.css";
 import { spanToTreeUtil } from "../../utils/spanToTree";
-import { fetchTraceItem, spansWSameTraceIDResponse } from "../../actions";
+import { fetchTraceItem, spansWSameTraceIDResponse } from "../../store/actions";
-import { StoreState } from "../../reducers";
+import { StoreState } from "../../store/reducers";
 import { TraceGraphColumn } from "./TraceGraphColumn";
 import SelectedSpanDetails from "./SelectedSpanDetails";
 

frontend/src/components/traces/TraceGraphColumn.tsx

@@ -2,8 +2,8 @@ import React from "react";
 import { connect } from "react-redux";
 import { Table } from "antd";
 
-import { traceResponseNew, pushDStree } from "../../actions";
+import { traceResponseNew, pushDStree } from "../../store/actions";
-import { StoreState } from "../../reducers";
+import { StoreState } from "../../store/reducers";
 
 interface TraceGraphColumnProps {
 	traces: traceResponseNew;

frontend/src/components/traces/TraceList.tsx

@@ -3,8 +3,8 @@ import { connect } from "react-redux";
 import { NavLink } from "react-router-dom";
 import { Space, Table } from "antd";
 
-import { traceResponseNew, fetchTraces, pushDStree } from "../../actions";
+import { traceResponseNew, fetchTraces, pushDStree } from "../../store/actions";
-import { StoreState } from "../../reducers";
+import { StoreState } from "../../store/reducers";
 import { isOnboardingSkipped } from "../../utils/app";
 
 interface TraceListProps {

frontend/src/components/usage/UsageExplorer.tsx

@@ -9,8 +9,8 @@ import {
 	GlobalTime,
 	servicesListItem,
 	usageDataItem,
-} from "../../actions";
+} from "../../store/actions";
-import { StoreState } from "../../reducers";
+import { StoreState } from "../../store/reducers";
 import moment from "moment";
 import { isOnboardingSkipped } from "../../utils/app";
 const { Option } = Select;

frontend/src/index.tsx

@@ -1,26 +1,12 @@
 import React from "react";
 import ReactDOM from "react-dom";
 import { Provider } from "react-redux";
-import { createStore, applyMiddleware, compose } from "redux";
 import { ThemeSwitcherProvider } from "react-css-theme-switcher";
-import thunk from "redux-thunk";
+import store from "Src/store";
-// import { NavLink, BrowserRouter as Router,  Route, Switch  } from 'react-router-dom';
-import { Auth0Provider } from "@auth0/auth0-react";
-
 import AppWrapper from "Src/components/AppWrapper";
 import "Src/assets/index.css";
-import { reducers } from "Src/reducers";
 import { BrowserRouter as Router } from "react-router-dom";
-import { AUTH0_CLIENT_ID, AUTH0_DOMAIN } from "./constants/env";
+import themes from "Src/themes";
-// import Signup from './components/Signup';
-// @ts-ignore
-const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
-const store = createStore(reducers, composeEnhancers(applyMiddleware(thunk)));
-
-const themes = {
-	dark: `/dark-theme.css`,
-	light: `/light-theme.css`,
-};
 
 ReactDOM.render(
 	<Provider store={store}>

frontend/src/store/actions/metrics.ts

@@ -1,9 +1,9 @@
 import { Dispatch } from "redux";
-import metricsAPI from "../api/metricsAPI";
+import metricsAPI from "../../api/metricsAPI";
 import { GlobalTime } from "./global";
 import { ActionTypes } from "./types";
-import { Token } from "../utils/token";
+import { Token } from "../../utils/token";
-import { toUTCEpoch } from "../utils/timeUtils";
+import { toUTCEpoch } from "../../utils/timeUtils";
 
 export interface servicesListItem {
 	serviceName: string;

frontend/src/store/actions/traces.ts

@@ -1,8 +1,8 @@
 import { ActionTypes } from "./types";
-import tracesAPI from "../api/tracesAPI";
+import tracesAPI from "../../api/tracesAPI";
 import { Dispatch } from "redux";
 import { GlobalTime } from "./global";
-import { toUTCEpoch } from "../utils/timeUtils";
+import { toUTCEpoch } from "../../utils/timeUtils";
 
 // PNOTE
 // define trace interface - what it should return

frontend/src/store/actions/usage.ts

@@ -1,8 +1,8 @@
 import { Dispatch } from "redux";
-import metricsAPI from "../api/metricsAPI";
+import metricsAPI from "../../api/metricsAPI";
 import { ActionTypes } from "./types";
 import { GlobalTime } from "./global";
-import { toUTCEpoch } from "../utils/timeUtils";
+import { toUTCEpoch } from "../../utils/timeUtils";
 
 export interface usageDataItem {
 	timestamp: number;

frontend/src/store/index.ts

@@ -0,0 +1,9 @@
+import { createStore, applyMiddleware, compose } from "redux";
+import reducers from "./reducers";
+import thunk from "redux-thunk";
+
+const composeEnhancers =
+	(window && (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose;
+const store = createStore(reducers, composeEnhancers(applyMiddleware(thunk)));
+
+export default store;

frontend/src/store/reducers/index.ts

@@ -34,7 +34,7 @@ export interface StoreState {
 	filteredTraceMetrics: customMetricsItem[];
 }
 
-export const reducers = combineReducers<StoreState>({
+const reducers = combineReducers<StoreState>({
 	traceFilters: traceFiltersReducer,
 	inputTag: inputsReducer,
 	traces: tracesReducer,
@@ -46,3 +46,5 @@ export const reducers = combineReducers<StoreState>({
 	globalTime: updateGlobalTimeReducer,
 	filteredTraceMetrics: filteredTraceMetricsReducer,
 });
+
+export default reducers;

frontend/src/themes/index.ts

@@ -0,0 +1,6 @@
+const themes = {
+	dark: `/dark-theme.css`,
+	light: `/light-theme.css`,
+};
+
+export default themes;

frontend/src/utils/spanToTree.ts

@@ -1,4 +1,4 @@
-import { pushDStree, span, RefItem } from "../actions";
+import { pushDStree, span, RefItem } from "../store/actions";
 // PNOTE - should the data be taken from redux or only through props? - Directly as arguments
 
 export const spanToTreeUtil = (spanlist: span[]): pushDStree => {