Function WorkspaceDetails

packages/ui/src/views/workspace/WorkspaceUsers.jsx:51–554

()

import { closeSnackbar as closeSnackbarAction, enqueueSnackbar as enqueueSnackbarAction } from '@/store/actions'

const WorkspaceDetails = () => {
    const theme = useTheme()
    const customization = useSelector((state) => state.customization)
    const currentUser = useSelector((state) => state.auth.user)
    const navigate = useNavigate()

    const dispatch = useDispatch()
    useNotifier()
    const { error, setError } = useError()

    const [search, setSearch] = useState('')
    const [workspace, setWorkspace] = useState({})
    const [workspaceUsers, setWorkspaceUsers] = useState([])
    const [isLoading, setLoading] = useState(true)
    const [usersSelected, setUsersSelected] = useState([])

    const [showAddUserDialog, setShowAddUserDialog] = useState(false)
    const [dialogProps, setDialogProps] = useState({})
    const [showWorkspaceUserRoleDialog, setShowWorkspaceUserRoleDialog] = useState(false)
    const [workspaceUserRoleDialogProps, setWorkspaceUserRoleDialogProps] = useState({})

    const enqueueSnackbar = (...args) => dispatch(enqueueSnackbarAction(...args))
    const closeSnackbar = (...args) => dispatch(closeSnackbarAction(...args))

    const { confirm } = useConfirm()

    const getAllUsersByWorkspaceIdApi = useApi(userApi.getAllUsersByWorkspaceId)
    const getWorkspaceByIdApi = useApi(workspaceApi.getWorkspaceById)

    const URLpath = document.location.pathname.toString().split('/')
    const workspaceId = URLpath[URLpath.length - 1] === 'workspace-users' ? '' : URLpath[URLpath.length - 1]

    const onUsersSelectAllClick = (event) => {
        if (event.target.checked) {
            const newSelected = (workspaceUsers || [])
                .filter((n) => !n.isOrgOwner)
                .map((n) => ({
                    userId: n.userId,
                    name: n.user.name,
                    email: n.user.email
                }))
            setUsersSelected(newSelected)
            return
        }
        setUsersSelected([])
    }

    const handleUserSelect = (event, user) => {
        const selectedIndex = usersSelected.findIndex((item) => item.userId === user.userId)
        let newSelected = []

        if (selectedIndex === -1) {
            newSelected = newSelected.concat(usersSelected, {
                userId: user.userId,
                name: user.user.name,
                email: user.user.email
            })
        } else if (selectedIndex === 0) {