app now handles multi users

src/action.async.js

 import { FETCH_CONFIG } from './helper.js'
 
-export const getHtmlDocContent = (apiUrl, idWorkspace, idContent) =>
+export const getHtmlDocContent = (user, apiUrl, idWorkspace, idContent) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/html-documents/${idContent}`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'GET'
   })
 
-export const getHtmlDocComment = (apiUrl, idWorkspace, idContent) =>
+export const getHtmlDocComment = (user, apiUrl, idWorkspace, idContent) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/contents/${idContent}/comments`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'GET'
   })
 
-export const getHtmlDocRevision = (apiUrl, idWorkspace, idContent) =>
+export const getHtmlDocRevision = (user, apiUrl, idWorkspace, idContent) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/html-documents/${idContent}/revisions`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'GET'
   })
 
-export const postHtmlDocNewComment = (apiUrl, idWorkspace, idContent, newComment) =>
+export const postHtmlDocNewComment = (user, apiUrl, idWorkspace, idContent, newComment) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/contents/${idContent}/comments`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'POST',
     body: JSON.stringify({
       raw_content: newComment
     })
   })
 
-export const putHtmlDocContent = (apiUrl, idWorkspace, idContent, label, newContent) =>
+export const putHtmlDocContent = (user, apiUrl, idWorkspace, idContent, label, newContent) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/html-documents/${idContent}`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'PUT',
     body: JSON.stringify({
       label: label,
     })
   })
 
-export const putHtmlDocStatus = (apiUrl, idWorkspace, idContent, newStatus) =>
+export const putHtmlDocStatus = (user, apiUrl, idWorkspace, idContent, newStatus) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/html-documents/${idContent}/status`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'PUT',
     body: JSON.stringify({
       status: newStatus
     })
   })
 
-export const postHtmlDocContent = (apiUrl, idWorkspace, idFolder, contentType, newContentName) =>
+export const postHtmlDocContent = (user, apiUrl, idWorkspace, idFolder, contentType, newContentName) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/contents`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'POST',
     body: JSON.stringify({
       parent_id: idFolder,

src/container/HtmlDocument.jsx

   }
 
   loadContent = async () => {
-    const { content, config } = this.state
+    const { loggedUser, content, config } = this.state
 
-    const fetchResultHtmlDocument = getHtmlDocContent(config.apiUrl, content.workspace_id, content.content_id)
-    const fetchResultComment = getHtmlDocComment(config.apiUrl, content.workspace_id, content.content_id)
-    const fetchResultRevision = getHtmlDocRevision(config.apiUrl, content.workspace_id, content.content_id)
+    const fetchResultHtmlDocument = getHtmlDocContent(loggedUser, config.apiUrl, content.workspace_id, content.content_id)
+    const fetchResultComment = getHtmlDocComment(loggedUser, config.apiUrl, content.workspace_id, content.content_id)
+    const fetchResultRevision = getHtmlDocRevision(loggedUser, config.apiUrl, content.workspace_id, content.content_id)
 
     handleFetchResult(await fetchResultHtmlDocument)
       .then(resHtmlDocument => this.setState({content: resHtmlDocument.body}))
   }
 
   handleSaveEditTitle = async newTitle => {
-    const { config, content } = this.state
+    const { loggedUser, config, content } = this.state
 
-    const fetchResultSaveHtmlDoc = putHtmlDocContent(config.apiUrl, content.workspace_id, content.content_id, newTitle, content.raw_content)
+    const fetchResultSaveHtmlDoc = putHtmlDocContent(loggedUser, config.apiUrl, content.workspace_id, content.content_id, newTitle, content.raw_content)
 
     handleFetchResult(await fetchResultSaveHtmlDoc)
       .then(resSave => {
   }
 
   handleSaveHtmlDocument = async () => {
-    const { content, config } = this.state
+    const { loggedUser, content, config } = this.state
 
-    const fetchResultSaveHtmlDoc = putHtmlDocContent(config.apiUrl, content.workspace_id, content.content_id, content.label, content.raw_content)
+    const fetchResultSaveHtmlDoc = putHtmlDocContent(loggedUser, config.apiUrl, content.workspace_id, content.content_id, content.label, content.raw_content)
 
     handleFetchResult(await fetchResultSaveHtmlDoc)
       .then(resSave => {
   }
 
   handleClickValidateNewCommentBtn = async () => {
-    const { config, content, newComment } = this.state
+    const { loggedUser, config, content, newComment } = this.state
 
-    const fetchResultSaveNewComment = await postHtmlDocNewComment(config.apiUrl, content.workspace_id, content.content_id, newComment)
+    const fetchResultSaveNewComment = await postHtmlDocNewComment(loggedUser, config.apiUrl, content.workspace_id, content.content_id, newComment)
 
     handleFetchResult(await fetchResultSaveNewComment)
       .then(resSave => {
   handleToggleWysiwyg = () => this.setState(prev => ({timelineWysiwyg: !prev.timelineWysiwyg}))
 
   handleChangeStatus = async newStatus => {
-    const { config, content } = this.state
+    const { loggedUser, config, content } = this.state
 
-    const fetchResultSaveEditStatus = putHtmlDocStatus(config.apiUrl, content.workspace_id, content.content_id, newStatus)
+    const fetchResultSaveEditStatus = putHtmlDocStatus(loggedUser, config.apiUrl, content.workspace_id, content.content_id, newStatus)
 
     handleFetchResult(await fetchResultSaveEditStatus)
       .then(resSave => {

src/container/PopupCreateHtmlDocument.jsx

   })
 
   handleValidate = async () => {
-    const { config, appName, idWorkspace, idFolder, newContentName } = this.state
+    const { loggedUser, config, appName, idWorkspace, idFolder, newContentName } = this.state
 
-    const fetchSaveNewHtmlDoc = postHtmlDocContent(config.apiUrl, idWorkspace, idFolder, config.slug, newContentName)
+    const fetchSaveNewHtmlDoc = postHtmlDocContent(loggedUser, config.apiUrl, idWorkspace, idFolder, config.slug, newContentName)
 
     handleFetchResult(await fetchSaveNewHtmlDoc)
       .then(resSave => {

src/helper.js

 export const FETCH_CONFIG = {
   headers: {
     'Accept': 'application/json',
-    'Content-Type': 'application/json',
-    'Authorization': 'Basic ' + btoa(`${'admin@admin.admin'}:${'admin@admin.admin'}`)
+    'Content-Type': 'application/json'
   }
 }