Redux variables authSlice file

auth.js

// file path - redux/modules/auth.js

// To declare and initiate the redux variables
//actions
export const USERNAME = "project/signin/username";
export const PASSWORD = "project/signin/password";
//actions type
export const fetchUsername = (input) => {
  return { type: USERNAME, payload: input };
};
export const fetchPassword = (input) => {
  return { type: PASSWORD, payload: input };
};

//setting the initial states
export const initialState = {
  username: null,
  password: null,
};

//reducer function (which is by default will be exported)
export default function reducer(state = initialState, action) {
  switch (action.type) {
    case USERNAME:
      return { ...state, username: action.payload };
    case PASSWORD:
      return { ...state, password: action.payload };
    default:
      return state;
  }
}