UI: SONAR-9355 Create onboarding tutorial (#2137)

3 files changed, 27 insertions, 11 deletions

diff --git a/server/sonar-web/src/main/js/api/components.js b/server/sonar-web/src/main/js/api/components.js
index 867100c4fae..e024ce947f5 100644
--- a/server/sonar-web/src/main/js/api/components.js
+++ b/server/sonar-web/src/main/js/api/components.js
@@ -19,6 +19,7 @@
  */
 // @flow
 import { getJSON, postJSON, post } from '../helpers/request';
+import throwGlobalError from '../app/utils/throwGlobalError';
 
 export function getComponents(data?: Object) {
   const url = '/api/projects/search';
@@ -55,7 +56,7 @@ export function createProject(
   }
 ) {
   const url = '/api/projects/create';
-  return postJSON(url, data);
+  return postJSON(url, data).catch(throwGlobalError);
 }
 
 export function searchProjectTags(data?: { ps?: number, q?: string }) {
diff --git a/server/sonar-web/src/main/js/api/organizations.js b/server/sonar-web/src/main/js/api/organizations.js
index 097a17ce5cb..7ca0263ba81 100644
--- a/server/sonar-web/src/main/js/api/organizations.js
+++ b/server/sonar-web/src/main/js/api/organizations.js
@@ -20,6 +20,7 @@
 // @flow
 import { getJSON, post, postJSON } from '../helpers/request';
 import type { Organization } from '../store/organizations/duck';
+import throwGlobalError from '../app/utils/throwGlobalError';
 
 export const getOrganizations = (organizations?: Array<string>) => {
   const data = {};
@@ -44,7 +45,9 @@ type GetOrganizationNavigation = {
 };
 
 export const getOrganization = (key: string): Promise<GetOrganizationType> => {
-  return getOrganizations([key]).then(r => r.organizations.find(o => o.key === key));
+  return getOrganizations([key])
+    .then(r => r.organizations.find(o => o.key === key))
+    .catch(throwGlobalError);
 };
 
 export const getOrganizationNavigation = (key: string): Promise<GetOrganizationNavigation> => {
@@ -52,12 +55,13 @@ export const getOrganizationNavigation = (key: string): Promise<GetOrganizationN
 };
 
 export const createOrganization = (fields: {}): Promise<Organization> =>
-  postJSON('/api/organizations/create', fields).then(r => r.organization);
+  postJSON('/api/organizations/create', fields).then(r => r.organization, throwGlobalError);
 
 export const updateOrganization = (key: string, changes: {}) =>
   post('/api/organizations/update', { key, ...changes });
 
-export const deleteOrganization = (key: string) => post('/api/organizations/delete', { key });
+export const deleteOrganization = (key: string) =>
+  post('/api/organizations/delete', { key }).catch(throwGlobalError);
 
 export const searchMembers = (
   data: { organization?: string, p?: number, ps?: number, q?: string, selected?: string }
diff --git a/server/sonar-web/src/main/js/api/user-tokens.js b/server/sonar-web/src/main/js/api/user-tokens.js
index 4b3b97e2bba..3947b07f1be 100644
--- a/server/sonar-web/src/main/js/api/user-tokens.js
+++ b/server/sonar-web/src/main/js/api/user-tokens.js
@@ -17,14 +17,16 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
+// @flow
 import { getJSON, postJSON, post } from '../helpers/request';
+import throwGlobalError from '../app/utils/throwGlobalError';
 
 /**
  * List tokens for given user login
  * @param {string} login
  * @returns {Promise}
  */
-export function getTokens(login) {
+export function getTokens(login: string) {
   const url = '/api/user_tokens/search';
   const data = { login };
   return getJSON(url, data).then(r => r.userTokens);
@@ -36,10 +38,16 @@ export function getTokens(login) {
  * @param {string} tokenName
  * @returns {Promise}
  */
-export function generateToken(userLogin, tokenName) {
+export function generateToken(
+  tokenName: string,
+  userLogin?: string
+): Promise<{ name: string, token: string }> {
   const url = '/api/user_tokens/generate';
-  const data = { login: userLogin, name: tokenName };
-  return postJSON(url, data);
+  const data: { [string]: string } = { name: tokenName };
+  if (userLogin) {
+    data.login = userLogin;
+  }
+  return postJSON(url, data).catch(throwGlobalError);
 }
 
 /**
@@ -48,8 +56,11 @@ export function generateToken(userLogin, tokenName) {
  * @param {string} tokenName
  * @returns {Promise}
  */
-export function revokeToken(userLogin, tokenName) {
+export function revokeToken(tokenName: string, userLogin?: string) {
   const url = '/api/user_tokens/revoke';
-  const data = { login: userLogin, name: tokenName };
-  return post(url, data);
+  const data: { [string]: string } = { name: tokenName };
+  if (userLogin) {
+    data.login = userLogin;
+  }
+  return post(url, data).catch(throwGlobalError);
 }