fix the team error reporting

Author: Francesca-Bit

packages/tdb-dashboard/src/components/NewTeamModal.js

@@ -1,11 +1,12 @@
-import React, {useState, useEffect} from "react"
-import {Modal, Button, Form, Col} from "react-bootstrap"
+import React, {useState} from "react"
+import {Modal, Button, Form} from "react-bootstrap"
 import {BsFillPeopleFill} from "react-icons/bs"
 import {CreateNewOrg} from "../hooks/CreateNewOrg"
 import {Loading} from "./Loading"
 import {PROGRESS_BAR_COMPONENT, TERMINUS_DANGER,TERMINUS_SUCCESS} from "./constants"
 import {Alerts} from "./Alerts"
 import { UTILS } from "@terminusdb/terminusdb-client"
+
 export const NewTeamModal = ({show, setShow}) => {
     const {createNewOrg,teamCreated,loading,errorMessage,setError} =  CreateNewOrg()
 
@@ -37,10 +38,6 @@ export const NewTeamModal = ({show, setShow}) => {
             {teamCreated && 
             <Alerts id="alert_team_created" message={"the team has been created"} type={TERMINUS_SUCCESS}/>}
             {errorMessage &&  <Alerts id="alert_team_created_error" message={errorMessage} type={TERMINUS_DANGER}/>}
-      
-            {/*error && <span className="d-flex">
-                <BiError className="text-danger mt-1 mr-1"/><p className="text-danger">Team name is mandatory</p>
-            </span>*/}
             <Form>
                 <Form.Group>
                     <Form.Control

packages/tdb-dashboard/src/components/UserMenu.js

@@ -76,15 +76,15 @@ export const UserMenu = ({organization}) => {
                 <Dropdown.Toggle split className="bg-transparent border-0" vairant="info" id="profile_menu_arrow">
                 </Dropdown.Toggle>
                 <Dropdown.Menu >
-                <Dropdown.Item>
+                {organization && <Dropdown.Item>
                     <Nav.Link  as={RouterNavLink}
                         title={"View Profile Page"}  
                         to={`/${organization}/${PROFILE}`} 
 
                         id={"profile"}>
                             <AiOutlineUser className="mr-3 mb-1" />Profile
                     </Nav.Link>
-                </Dropdown.Item>
+                </Dropdown.Item>}
                 {isAdmin && <Dropdown.Item>
                     <Nav.Link  as={RouterNavLink}
                         title={"View Team Members"}  

packages/tdb-dashboard/src/hooks/CreateNewOrg.js

@@ -1,4 +1,4 @@
-import { useState, useEffect } from "react"
+import React, { useState, useEffect } from "react"
 import   axios  from "axios"
 import { useAuth0 } from "../react-auth0-spa"
 import {getOptions,getBaseUrl} from "./hookUtils"
@@ -21,7 +21,7 @@ export const CreateNewOrg=()=> {
             const token = await getTokenSilently()
             const options = getOptions(token);
             const payload = {organization:orgid}
-            const response = await axiosHub.post(`${baseUrl}/organizations`, payload,options)
+            const response = await axiosHub.post(`${baseUrl}/private/organizations`, payload,options)
             localStorage.setItem("Org",orgid)
             setTeamCreated(response.data)
             //reload the home page with the new team
@@ -30,7 +30,7 @@ export const CreateNewOrg=()=> {
             const data = err.response.data &&  err.response.data.err ?  err.response.data.err : ''
             let errorMessage = `I can not create the team ${orgid} `
             if(data.indexOf("but an object with that id already exists api")){
-                errorMessage = `The Team Name ${orgid} already exists`
+                errorMessage = <span className="ml-2">The team <strong>{orgid}</strong> is not available in TerminusX</span>
             }
             setError(errorMessage)
         }finally{