refactor device to component

react-ui/src/stores/reducer/device.reducer/device.reducer.ts → react-ui/src/components/devices/reducer/device.reducer.ts

 import { api, NetworkelementFlattenedManagedNetworkElement, NetworkelementManagedNetworkElement, PndPrincipalNetworkDomain, PndServiceGetPndListApiArg } from '@api/api';
-import { DeviceViewTabValues } from '@component/view/device/device.view.tabs';
+import { DeviceViewTabValues } from '@component/devices/view/device.view.tabs';
 import { createAsyncThunk, createSlice, PayloadAction } from '@reduxjs/toolkit';
 
 export type Device = NetworkelementFlattenedManagedNetworkElement;

react-ui/src/stores/reducer/device.reducer/mne.subscription.ts → react-ui/src/components/devices/reducer/mne.subscription.ts

 import { api, NetworkElementServiceGetApiArg } from "@api/api";
-import { Device, setSelectedDevice, setSelectedMne } from "@reducer/device.reducer/device.reducer";
-import { addRoutine, CATEGORIES } from "@reducer/routine.reducer";
+import { Device, setSelectedDevice, setSelectedMne } from "@component/devices/reducer/device.reducer";
 import { createAsyncThunk } from "@reduxjs/toolkit";
+import { addRoutine, CATEGORIES } from "@shared/reducer/routine.reducer";
 import { THUNK_KEY } from "@utils/routine.manager";
 import { RootState } from "src/stores";
-import { FETCH_MNE_ACTION } from "../../../components/routines/action.routine";
-import { startListening } from "../../middleware/listener.middleware";
+import { startListening } from "../../../stores/middleware/listener.middleware";
+import { FETCH_MNE_ACTION } from "../routines/action.routine";
 
 // fetch mne if selected device is set
 startListening({

react-ui/src/components/routines/device.routine.ts → react-ui/src/components/devices/routines/device.routine.ts

 import { NetworkElementServiceGetAllFlattenedApiArg, api } from "@api/api";
-import { setDevices } from "@reducer/device.reducer/device.reducer";
+import { setDevices } from "@component/devices/reducer/device.reducer";
 import { createAsyncThunk } from "@reduxjs/toolkit";
-import { setUser } from "@shared/store/user.reducer";
+import { setUser } from "@shared/reducer/user.reducer";
 import { RootState } from "src/stores";
-import { startListening } from "../../stores/middleware/listener.middleware";
+import { startListening } from "../../../stores/middleware/listener.middleware";
 import { FETCH_DEVICE_ACTION } from "./action.routine";
 
 // continously fetch devices

react-ui/src/components/view/device/device.view.table.tsx → react-ui/src/components/devices/view/device.view.table.tsx

@@ -2,7 +2,7 @@ import { useAppSelector } from "@hooks";
 import { MutableRefObject, useCallback } from "react";
 import { OverlayTrigger, Table, Tooltip } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
-import { useDeviceTableViewModel } from "../../view_model/device.table.viewmodel";
+import { useDeviceTableViewModel } from "../view_model/device.table.viewmodel";
 
 export const DeviceViewTable = (searchRef: MutableRefObject<HTMLInputElement>) => {
     const { devices, pnds } = useAppSelector(state => state.device);

react-ui/src/components/view/device/device.view.tsx → react-ui/src/components/devices/view/device.view.tsx

 import { useRef } from 'react';
 import { Button, Col, Container, Form, Nav, NavLink, Row } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
+import { useDeviceViewModel } from '../view_model/device.viewmodel';
 import './device.scss';
 import { DeviceViewTable } from './device.view.table';
 import { DeviceViewTabs, DeviceViewTabValues } from './device.view.tabs';
-import { useDeviceViewModel } from '/src/components/view_model/device.viewmodel';
 
 function DeviceView() {
     const { t } = useTranslation('common');

react-ui/src/components/view_model/device.table.viewmodel.ts → react-ui/src/components/devices/view_model/device.table.viewmodel.ts

+import { Device, setSelectedDevice } from "@component/devices/reducer/device.reducer";
 import { useAppDispatch } from "@hooks";
-import { Device, setSelectedDevice } from "@reducer/device.reducer/device.reducer";
 import { useEffect, useState } from "react";
 
 export const useDeviceTableViewModel = (searchRef) => {

react-ui/src/components/view_model/device.viewmodel.ts → react-ui/src/components/devices/view_model/device.viewmodel.ts

+import { setActiveTab as setActiveTabState } from "@component/devices/reducer/device.reducer";
 import { useAppDispatch, useAppSelector } from "@hooks";
-import { setActiveTab as setActiveTabState } from "@reducer/device.reducer/device.reducer";
 import { DeviceViewTabValues } from "@view/device/device.view.tabs";
 
 export const useDeviceViewModel = () => {

react-ui/src/routes.tsx

 import { BasicLayout } from "@layout/basic.layout";
 import { ProtectedLayout } from "@layout/protected.layout/protected.layout";
 import { createBrowserRouter, createRoutesFromElements, Navigate, Route } from "react-router-dom";
+import DeviceView from "./components/devices/view/device.view";
 import { LoginLayout } from "./components/login/layouts/login.layout";
-import DeviceView from "./components/view/device/device.view";
 
 export const DEVICE_URL = '/device/';
 export const LOGIN_URL = '/login';

react-ui/src/shared/layouts/protected.layout/protected.layout.tsx

 import logo from '@assets/logo.svg';
+import { fetchPnds } from '@component/devices/reducer/device.reducer';
 import { faCircleUser, faRightFromBracket } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useAppDispatch, useAppSelector } from '@hooks';
 import { useAuth } from "@provider/auth.provider";
-import { fetchPnds } from '@reducer/device.reducer/device.reducer';
 import { DEVICE_URL, LOGIN_URL } from '@routes';
-import { fetchUser } from '@shared/store/user.reducer';
+import { fetchUser } from '@shared/reducer/user.reducer';
 import React, { useEffect } from "react";
 import { Dropdown } from "react-bootstrap";
 import { useTranslation } from "react-i18next";

react-ui/src/shared/provider/auth.provider.tsx

@@ -5,7 +5,7 @@ import { DEVICE_URL, LOGIN_URL } from "@routes";
 import { jwtDecode } from "jwt-decode";
 import { createContext, useContext, useEffect, useMemo } from "react";
 import { useNavigate } from "react-router-dom";
-import { setToken } from "../store/user.reducer";
+import { setToken } from "../reducer/user.reducer";
 
 interface AuthProviderType {
     login: (username: string, password: string) => void,

react-ui/src/stores/reducer/routine.reducer.ts → react-ui/src/shared/reducer/routine.reducer.ts

 import { PayloadAction, createSlice } from '@reduxjs/toolkit';
-import { setToken } from '@shared/store/user.reducer';
 import { RoutineDictionary, RoutineManager, THUNK_KEY } from '@utils/routine.manager';
 import { REHYDRATE } from 'redux-persist';
-import { RootState } from '..';
-import { startListening } from '../middleware/listener.middleware';
+import { RootState } from '../../stores';
+import { startListening } from '../../stores/middleware/listener.middleware';
+import { setToken } from './user.reducer';
 
 
 
@@ -22,7 +22,6 @@ interface ThunkEntity extends ThunkEntityDTO {
     locked: boolean,
 }
 
-
 export interface ReducerState {
     thunks: {[key in keyof typeof CATEGORIES]: ThunkEntity | null}
 }

react-ui/src/shared/utils/routine.manager.ts

-import { fetchDevicesThunk } from '@component/routines/device.routine';
-import { fetchSelectedMneThunk } from '@reducer/device.reducer/mne.subscription';
+import { fetchSelectedMneThunk } from '@component/devices/reducer/mne.subscription';
+import { fetchDevicesThunk } from '@component/devices/routines/device.routine';
 import { AsyncThunk } from '@reduxjs/toolkit';
 import { QueryActionCreatorResult } from '@reduxjs/toolkit/query';
 

react-ui/src/stores/index.ts

+import { FETCH_DEVICE_ACTION, FETCH_MNE_ACTION } from '@component/devices/routines/action.routine'
 import { configureStore } from '@reduxjs/toolkit'
 import { setupListeners } from '@reduxjs/toolkit/query'
 import { FLUSH, PAUSE, PERSIST, PURGE, REGISTER, REHYDRATE } from 'redux-persist'
@@ -6,7 +7,6 @@ import { emptySplitApi } from './api.store'
 import { rtkQueryErrorLogger } from './middleware/devLogging.middleware'
 import { listenerMiddleware } from './middleware/listener.middleware'
 import persistedReducer from './persist.store'
-import { FETCH_DEVICE_ACTION, FETCH_MNE_ACTION } from '/src/components/routines/action.routine'
 
 
 export const store = configureStore({

react-ui/src/stores/persist.store.ts

-import deviceReducer from "@reducer/device.reducer/device.reducer";
-import routineReducer from "@reducer/routine.reducer";
+import deviceReducer from "@component/devices/reducer/device.reducer";
+import routineReducer from "@shared/reducer/routine.reducer";
+import userReducer from "@shared/reducer/user.reducer";
 import { combineReducers } from "redux";
 import { persistReducer } from "redux-persist";
 import storage from "redux-persist/es/storage";
 import { emptySplitApi } from "./api.store";
-import userReducer from "/src/shared/store/user.reducer";
 
 
 /** local storage config */