Fixed a bug where user status is not displayed on first load of a product

actions/user_actions.jsx

@@ -422,10 +422,16 @@ export function autocompleteUsers(username) {
     };
 }
 
+export function setUserStatus(currentUserId) {
+    return (doDispatch, doGetState) => {
+        return UserActions.getStatus(currentUserId)(doDispatch, doGetState);
+    };
+}
+
 export function autoResetStatus() {
     return async (doDispatch, doGetState) => {
         const {currentUserId} = getState().entities.users;
-        const {data: userStatus} = await UserActions.getStatus(currentUserId)(doDispatch, doGetState);
+        const {data: userStatus} = await setUserStatus(currentUserId)(doDispatch, doGetState);
 
         if (userStatus.status === UserStatuses.OUT_OF_OFFICE || !userStatus.manual) {
             return userStatus;

components/status_dropdown/index.ts

@@ -20,14 +20,15 @@ import {isStatusDropdownOpen} from 'selectors/views/status_dropdown';
 import {GenericAction} from 'mattermost-redux/types/actions';
 import {GlobalState} from 'types/store';
 
+import {setUserStatus} from '../../actions/user_actions';
+
 import StatusDropdown from './status_dropdown';
 
 function makeMapStateToProps() {
     const getCustomStatus = makeGetCustomStatus();
 
     return function mapStateToProps(state: GlobalState) {
         const currentUser = getCurrentUser(state);
-
         const userId = currentUser?.id;
         const customStatus = getCustomStatus(state, userId);
         return {
@@ -53,6 +54,7 @@ function mapDispatchToProps(dispatch: Dispatch<GenericAction>) {
             setStatus,
             unsetCustomStatus,
             setStatusDropdown,
+            setUserStatus,
         }, dispatch),
     };
 }

components/status_dropdown/status_dropdown.test.tsx

@@ -14,6 +14,7 @@ describe('components/StatusDropdown', () => {
         setStatus: jest.fn(),
         unsetCustomStatus: jest.fn(),
         setStatusDropdown: jest.fn(),
+        setUserStatus: jest.fn(),
     };
 
     const baseProps = {

components/status_dropdown/status_dropdown.tsx

@@ -48,6 +48,7 @@ type Props = {
         setStatus: (status: UserStatus) => ActionFunc;
         unsetCustomStatus: () => ActionFunc;
         setStatusDropdown: (open: boolean) => void;
+        setUserStatus: (userID: string) => void;
     };
     customStatus?: UserCustomStatus;
     currentUser: UserProfile;
@@ -83,6 +84,10 @@ export default class StatusDropdown extends React.PureComponent <Props, State> {
         };
     }
 
+    componentDidMount() {
+        this.props.actions.setUserStatus(this.props.userId);
+    }
+
     setStatus = (status: string, dndEndTime?: number): void => {
         this.props.actions.setStatus({
             user_id: this.props.userId,