Consolidate root Redux elements (#3054)

Author: imnasnainaec

docs/style_guide/ts_style_guide.md

@@ -540,8 +540,8 @@ function Component(props: { name: string }) {
 **Good**
 
 ```ts
-import { StoreState } from "types";
-import { useAppDispatch, useAppSelector } from "types/hooks";
+import { useAppDispatch, useAppSelector } from "rootRedux/hooks";
+import { type StoreState } from "rootRedux/types";
 
 function Component(): ReactElement {
   const dispatch = useAppDispatch();

src/components/AnnouncementBanner/AnnouncementBanner.tsx

@@ -13,8 +13,8 @@ import { BannerType } from "api/models";
 import { getBannerText } from "backend";
 import { getClosedBanner, setClosedBanner } from "backend/localStorage";
 import { topBarHeight } from "components/LandingPage/TopBar";
-import { StoreState } from "types";
-import { useAppSelector } from "types/hooks";
+import { useAppSelector } from "rootRedux/hooks";
+import { type StoreState } from "rootRedux/types";
 import { Path } from "types/path";
 import theme, { themeColors } from "types/theme";
 

src/components/App/AppLoggedIn.tsx

@@ -15,8 +15,8 @@ import Statistics from "components/Statistics/Statistics";
 import UserSettings from "components/UserSettings/UserSettings";
 import NextGoalScreen from "goals/DefaultGoal/NextGoalScreen";
 import { updateLangFromUser } from "i18n";
-import { StoreState } from "types";
-import { useAppSelector } from "types/hooks";
+import { useAppSelector } from "rootRedux/hooks";
+import { type StoreState } from "rootRedux/types";
 import { Path } from "types/path";
 import FontContext, { ProjectFonts } from "utilities/fontContext";
 import { getProjCss } from "utilities/fontCssUtilities";

src/components/App/SignalRHub.tsx

@@ -18,8 +18,8 @@ import {
   success,
 } from "components/ProjectExport/Redux/ExportProjectActions";
 import { ExportStatus } from "components/ProjectExport/Redux/ExportProjectReduxTypes";
-import { StoreState } from "types";
-import { useAppDispatch, useAppSelector } from "types/hooks";
+import { useAppDispatch, useAppSelector } from "rootRedux/hooks";
+import { type StoreState } from "rootRedux/types";
 
 /** A central hub for monitoring export status on SignalR */
 export default function SignalRHub(): ReactElement {

src/components/AppBar/NavigationButtons.tsx

@@ -12,8 +12,8 @@ import {
   buttonMinHeight,
   tabColor,
 } from "components/AppBar/AppBarTypes";
-import { StoreState } from "types";
-import { useAppSelector } from "types/hooks";
+import { useAppSelector } from "rootRedux/hooks";
+import { type StoreState } from "rootRedux/types";
 import { Path } from "types/path";
 import { useWindowSize } from "utilities/useWindowSize";
 

src/components/AppBar/ProjectButtons.tsx

@@ -14,7 +14,7 @@ import {
   tabColor,
 } from "components/AppBar/AppBarTypes";
 import SpeakerMenu from "components/AppBar/SpeakerMenu";
-import { StoreState } from "types";
+import { type StoreState } from "rootRedux/types";
 import { GoalStatus, GoalType } from "types/goals";
 import { Path } from "types/path";
 

src/components/AppBar/SpeakerMenu.tsx

@@ -23,8 +23,8 @@ import { type Speaker } from "api/models";
 import { getAllSpeakers } from "backend";
 import { buttonMinHeight } from "components/AppBar/AppBarTypes";
 import { setCurrentSpeaker } from "components/Project/ProjectActions";
-import { type StoreState } from "types";
-import { useAppDispatch } from "types/hooks";
+import { useAppDispatch } from "rootRedux/hooks";
+import { type StoreState } from "rootRedux/types";
 import { themeColors } from "types/theme";
 
 const idAffix = "speaker-menu";

src/components/AppBar/UserMenu.tsx

@@ -32,7 +32,7 @@ import {
   tabColor,
 } from "components/AppBar/AppBarTypes";
 import { clearCurrentProject } from "components/Project/ProjectActions";
-import { useAppDispatch } from "types/hooks";
+import { useAppDispatch } from "rootRedux/hooks";
 import { Path } from "types/path";
 import { RuntimeConfig } from "types/runtimeConfig";
 import { openUserGuide } from "utilities/pathUtilities";

src/components/AppBar/tests/SpeakerMenu.test.tsx

@@ -7,7 +7,7 @@ import configureMockStore from "redux-mock-store";
 import { Speaker } from "api/models";
 import SpeakerMenu, { SpeakerMenuList } from "components/AppBar/SpeakerMenu";
 import { defaultState } from "components/Project/ProjectReduxTypes";
-import { StoreState } from "types";
+import { type StoreState } from "rootRedux/types";
 import { randomSpeaker } from "types/project";
 
 jest.mock("backend", () => ({

src/components/DataEntry/DataEntryTable/NewEntry/index.tsx

@@ -22,7 +22,7 @@ import {
 import SenseDialog from "components/DataEntry/DataEntryTable/NewEntry/SenseDialog";
 import VernDialog from "components/DataEntry/DataEntryTable/NewEntry/VernDialog";
 import PronunciationsFrontend from "components/Pronunciations/PronunciationsFrontend";
-import { StoreState } from "types";
+import { type StoreState } from "rootRedux/types";
 import theme from "types/theme";
 import { FileWithSpeakerId } from "types/word";