Add change request optional (#280)

* review error message

* fix name in create dataproduct

---------

Co-authored-by: Francesca-Bit <[email protected]>

Author: Francesca-Bit

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

@@ -11,7 +11,7 @@ import {BiPlus} from "react-icons/bi"
 import {TERMINUS_DANGER} from "./constants"
 import {Alerts} from "./Alerts"
 import {useNavigate,useParams} from "react-router-dom"
-import { UTILS } from "@terminusdb/terminusdb-client"
+import {UTILS} from "@terminusdb/terminusdb-client"
 import {Loading} from "../components/Loading"
 import { ManageDatabase } from "../hooks/ManageDatabase"
 export const NewDatabaseModal = ({showModal, setShowModal, dbDetails = null}) => {
@@ -26,7 +26,7 @@ export const NewDatabaseModal = ({showModal, setShowModal, dbDetails = null}) =>
     const startlabel = dbDetails && dbDetails.label ? dbDetails.label : '' 
     const startComment =  dbDetails && dbDetails.comment ? dbDetails.comment : '' 
     const title = startid ? `Update the Dataproduct ${startid} details` : 'New Data Product'
-    const loadingMessage = startid ? `Updating ${startid}` : `Creating ${label}`
+    const loadingMessage = startid ? `Updating ${startid}` : `Creating ${startid}`
     const defValueId = startid ? {style:{display:"none"}} : {}
     const action = startid ? {onClick:handleUpdate} : {onClick:handleCreate}
     const buttonLabel = startid ? "Update Dataproduct" : CREATE_NEW_DATA_PRODUCT_BUTTON.label 
@@ -37,8 +37,6 @@ export const NewDatabaseModal = ({showModal, setShowModal, dbDetails = null}) =>
 
     let navigate = useNavigate();
 
-    
-
     async function handleCreate () {
         const result = await createDatabase(id,label,description)
         if(result){

packages/tdb-dashboard/src/pages/GraphqlHandlerbarsPage.js

@@ -84,7 +84,7 @@ export function GraphqlHandlerbarsPage({}) {
     const getDocumentClassesList=()=>{
         return <Form.Select aria-label="Default select example" onChange={setData}>
                 <option value={""}>Select a document</option>
-                    {documentClasses && documentClasses.map(item=>{
+                    {Array.isArray(documentClasses) && documentClasses.map(item=>{
                        return  <option key={item['@id']} value={item['@id']}>{item['@id']}</option>
                     })}
                 </Form.Select>