app now handles multi users

src/action.async.js

 import { FETCH_CONFIG } from './helper.js'
 
-export const getThreadContent = (apiUrl, idWorkspace, idContent) =>
+export const getThreadContent = (user, apiUrl, idWorkspace, idContent) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/threads/${idContent}`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'GET'
   })
 
-export const getThreadComment = (apiUrl, idWorkspace, idContent) =>
+export const getThreadComment = (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 postThreadNewComment = (apiUrl, idWorkspace, idContent, newComment) =>
+export const postThreadNewComment = (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 putThreadStatus = (apiUrl, idWorkspace, idContent, newStatus) =>
+export const putThreadStatus = (user, apiUrl, idWorkspace, idContent, newStatus) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/threads/${idContent}/status`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'PUT',
     body: JSON.stringify({
       status: newStatus
     })
   })
 
-export const postThreadContent = (apiUrl, idWorkspace, idFolder, contentType, newContentName) =>
+export const postThreadContent = (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,
     })
   })
 
-export const putThreadContent = (apiUrl, idWorkspace, idContent, label) =>
+export const putThreadContent = (user, apiUrl, idWorkspace, idContent, label) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/threads/${idContent}`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'PUT',
     body: JSON.stringify({
       label: label,

src/container/Thread.jsx

   }
 
   loadContent = async () => {
-    const { content, config } = this.state
+    const { loggedUser, content, config } = this.state
 
     if (content.content_id === '-1') return // debug case
 
-    const fetchResultThread = getThreadContent(config.apiUrl, content.workspace_id, content.content_id)
-    const fetchResultThreadComment = getThreadComment(config.apiUrl, content.workspace_id, content.content_id)
+    const fetchResultThread = getThreadContent(loggedUser, config.apiUrl, content.workspace_id, content.content_id)
+    const fetchResultThreadComment = getThreadComment(loggedUser, config.apiUrl, content.workspace_id, content.content_id)
 
     Promise.all([
       handleFetchResult(await fetchResultThread),
   }
 
   handleSaveEditTitle = async newTitle => {
-    const { config, content } = this.state
+    const { loggedUser, config, content } = this.state
 
-    const fetchResultSaveThread = putThreadContent(config.apiUrl, content.workspace_id, content.content_id, newTitle)
+    const fetchResultSaveThread = putThreadContent(loggedUser, config.apiUrl, content.workspace_id, content.content_id, newTitle)
 
     handleFetchResult(await fetchResultSaveThread)
       .then(resSave => {
   }
 
   handleClickValidateNewCommentBtn = async () => {
-    const { config, content, newComment } = this.state
+    const { loggedUser, config, content, newComment } = this.state
 
-    const fetchResultSaveNewComment = await postThreadNewComment(config.apiUrl, content.workspace_id, content.content_id, newComment)
+    const fetchResultSaveNewComment = await postThreadNewComment(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 = putThreadStatus(config.apiUrl, content.workspace_id, content.content_id, newStatus)
+    const fetchResultSaveEditStatus = putThreadStatus(loggedUser, config.apiUrl, content.workspace_id, content.content_id, newStatus)
 
     handleFetchResult(await fetchResultSaveEditStatus)
       .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'
   }
 }