feat: integrate onboarding app

* output of challenge #30215971

Author: rakibansary

src/actions/auth.js

@@ -5,6 +5,10 @@ export default {
     type: ACTIONS.AUTH.LOAD_PROFILE,
     payload: profile,
   }),
+  setProfilePhoto: (photoURL) => ({
+    type: ACTIONS.AUTH.SET_PROFILE_PHOTO,
+    payload: photoURL,
+  }),
   setTcTokenV3: (tokenV3) => ({
     type: ACTIONS.AUTH.SET_TOKEN_V3,
     payload: tokenV3,

src/constants/index.js

@@ -7,6 +7,7 @@ export { APP_CATEGORIES };
 export const ACTIONS = {
   AUTH: {
     LOAD_PROFILE: "LOAD_PROFILE",
+    SET_PROFILE_PHOTO: "SET_PROFILE_PHOTO",
     SET_TOKEN_V3: "SET_TOKEN_V3",
     SET_TOKEN_V2: "SET_TOKEN_V2",
     SET_INITIALIZED: "SET_INITIALIZED",

src/reducers/auth.js

@@ -29,6 +29,11 @@ const authReducer = (state = initialState, action) => {
         profile: action.payload,
         isProfileLoaded: true,
       };
+    case ACTIONS.AUTH.SET_PROFILE_PHOTO:
+      return state.profile ? ({
+        ...state,
+        profile: {...state.profile, photoURL: action.payload},
+      }) : state;
     case ACTIONS.AUTH.SET_INITIALIZED:
       return {
         ...state,

src/topcoder-micro-frontends-navbar-app.js

@@ -16,6 +16,7 @@ import {
   enableSidebarForRoute,
   getAuthUserTokens,
   getAuthUserProfile,
+  setUserProfilePhoto,
   setNotificationPlatform,
 } from "./utils/exports";
 
@@ -42,6 +43,7 @@ export {
   setAppMenu,
   getAuthUserTokens,
   getAuthUserProfile,
+  setUserProfilePhoto,
   disableSidebarForRoute,
   enableSidebarForRoute,
   setNotificationPlatform,

src/utils/exports.js

@@ -7,6 +7,7 @@ import _ from "lodash";
 import { bindActionCreators } from "redux";
 import store from "../store";
 import menuActions from "../actions/menu";
+import authActions from "../actions/auth";
 import notificationActions from "../actions/notifications";
 
 // bind all the actions for exporting here
@@ -15,12 +16,14 @@ export const {
   disableSidebarForRoute,
   enableSidebarForRoute,
   setNotificationPlatform,
+  setUserProfilePhoto
 } = bindActionCreators(
   {
     setAppMenu: menuActions.setAppMenu,
     disableSidebarForRoute: menuActions.disableSidebarForRoute,
     enableSidebarForRoute: menuActions.enableSidebarForRoute,
     setNotificationPlatform: notificationActions.setNotificationPlatform,
+    setUserProfilePhoto: authActions.setProfilePhoto,
   },
   store.dispatch
 );

webpack.config.js

@@ -34,7 +34,7 @@ module.exports = (webpackConfigEnv, options) => {
       rules: [
         {
           /* Loads svg images. */
-          test: /[/\\]assets[/\\]images[/\\].+\.svg$/,
+          test: /[/\/\\]assets[/\/\\]images[/\/\\].+\.svg$/,
           exclude: /node_modules/,
           loader: "file-loader",
           options: {