feat: add roomId selector and hook for common UI state management

Author: ndorin

src/store/apiSlice.ts

@@ -2,7 +2,7 @@ import { createApi } from "@reduxjs/toolkit/query/react";
 
 import { axiosBaseQuery } from "../services/httpService";
 
-const programId = import.meta.env.VITE_PROGRAM_ID || "app02";
+const programId = import.meta.env.VITE_PROGRAM_ID || "app01";
 console.log("programId == ", programId);
 const baseApiPath = `/cws/${programId}/api`;
 

src/store/commonUi/commonUiHooks.ts

@@ -0,0 +1,6 @@
+import { useSelector } from 'react-redux';
+import { selectRoomId } from './commonUiSelectors';
+
+export const useRoomId = () => {
+  return useSelector(selectRoomId);
+};

src/store/commonUi/commonUiSelectors.ts

@@ -0,0 +1,8 @@
+import { createSelector } from '@reduxjs/toolkit';
+import { RootState } from '../store';
+
+
+export const selectRoomId = createSelector(
+  (state: RootState) => state.commonUI,
+  (commonUI) => commonUI.roomId
+);

src/store/commonUi/commonUiSlice.ts

@@ -9,6 +9,7 @@ const commonUiSlice = createSlice({
       state.roomId = action.payload;
     },
 
+
     // resetState: () => {
     //   // This is here in order to provide an action name to trigger store reset
     //   // in root store reducer