1- import React from "react"
1+ import React , { useState } from "react"
22import { Layout } from "./Layout"
33import { NoDataProductSelectedStyle } from "../components/constants"
44import { WOQLClientObj } from '../init-woql-client'
55import { Card , Row , Col , Button , Container } from "react-bootstrap"
66import { useNavigate } from "react-router-dom"
77import { RiTeamLine } from "react-icons/ri"
8+ import { NewTeamModal } from "../components/NewTeamModal"
9+ import { BsFillPeopleFill } from "react-icons/bs"
810
911export const Home = ( ) => {
10- const { woqlClient, changeOrganization} = WOQLClientObj ( )
12+ const { woqlClient, changeOrganization, clientUser } = WOQLClientObj ( )
1113 if ( ! woqlClient ) return ""
14+ const [ showNewMemberModal , setShowNewMemberModal ] = useState ( false )
1215
1316 const teamList = woqlClient . userOrganizations ( )
1417 let navigate = useNavigate ( )
@@ -24,11 +27,19 @@ export const Home = () => {
2427 < Col xs = { 12 } className = "text-center d-block align-items-center justify-content-center" >
2528 < h3 className = "text-success mt-5 mb-4" >
2629 < RiTeamLine className = "mr-2" /> Select a Team
27- </ h3 >
30+ { clientUser && clientUser . connection_type !== "LOCAL" &&
31+ < React . Fragment >
32+ < Button id = "team_page_open_create_new_team_modal" className = "ml-4 btn-info mt-4 mb-4" onClick = { ( ) => { setShowNewMemberModal ( true ) } } >
33+ < BsFillPeopleFill className = "mr-2" /> Create a new Team
34+ </ Button >
35+ < NewTeamModal show = { showNewMemberModal } setShow = { setShowNewMemberModal } />
36+ </ React . Fragment >
37+ }
38+ </ h3 >
2839 < Row >
2940 { teamList . map ( ( item , index ) => {
3041 return < Col md = { 4 } className = "py-2 doc-summary-card" key = { `key___${ index } ` } >
31- < Button className = "bg-transparent border-0 p-0 w-100" onClick = { ( e ) => changeOrganizationHandler ( item . name ) } >
42+ < Button id = { item . name } className = "bg-transparent border-0 p-0 w-100" onClick = { ( e ) => changeOrganizationHandler ( item . name ) } >
3243 < Card bg = "dark" style = { { maxHeight : "220px" , cursor : "pointer" } } >
3344 < Card . Header className = "bg-transparent border-0 d-flex text-wrap" >
3445 </ Card . Header >
0 commit comments