cognito-auth.Welcome-mount.js

Welcome-mount.js

/**
 * Function to handle the display of the Welcome function only for authenticated
 * users. If they are not authenticated, or an error occurs, we'll redirect them
 * to the login page.
 */
EventEmitter.on('Welcome:mount', function() {
  // Check if the user is authenticated.
  Cognito.isAuthenticated()
  .then(function() {
    // Mount the component on the DOM.
    $root.appendChild($container);
    // Show the loading banner.
    loading();
    // Get the user data.
    Cognito.getUser()
    .then(function(user) {
      // Toggle the loading banner for the Welcome template.
      $container.innerHTML = tmpl('Welcome', user);
      $button = $container.getElementsByTagName('button')[0];
      $button.addEventListener('click', handleSignOut);
    })
  })
  // Handle any errors that pop up and redirect the user to the login page.
  .catch(function(error) {
    redirectToLoginPage({
      type: 'error',
      message: error.message,
    })
  })
})