Function Documents

packages/ui/src/views/docstore/index.jsx:49–489

()

})

const Documents = () => {
    const theme = useTheme()
    const dispatch = useDispatch()
    const navigate = useNavigate()
    const { hasPermission } = useAuth()
    const getAllDocumentStores = useApi(documentsApi.getAllDocumentStores)
    const { error } = useError()
    useNotifier()

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

    const [isLoading, setLoading] = useState(true)
    const [images, setImages] = useState({})
    const [search, setSearch] = useState('')
    const [showDialog, setShowDialog] = useState(false)
    const [dialogProps, setDialogProps] = useState({})
    const [docStores, setDocStores] = useState([])
    const [view, setView] = useState(localStorage.getItem('docStoreDisplayStyle') || 'card')
    const [actionMenuAnchorEl, setActionMenuAnchorEl] = useState(null)
    const [selectedDocumentStore, setSelectedDocumentStore] = useState(null)
    const [showDeleteDocStoreDialog, setShowDeleteDocStoreDialog] = useState(false)
    const [deleteDocStoreDialogProps, setDeleteDocStoreDialogProps] = useState({})

    const canRenameDocumentStore = hasPermission('documentStores:create,documentStores:update')
    const canDeleteDocumentStore = hasPermission('documentStores:delete')
    const canManageDocumentStore = canRenameDocumentStore || canDeleteDocumentStore
    const isActionMenuOpen = Boolean(actionMenuAnchorEl)

    const handleChange = (event, nextView) => {
        if (nextView === null) return
        localStorage.setItem('docStoreDisplayStyle', nextView)
        setView(nextView)
    }

    function filterDocStores(data) {
        return (
            data.name.toLowerCase().indexOf(search.toLowerCase()) > -1 || data.description.toLowerCase().indexOf(search.toLowerCase()) > -1
        )
    }

    const onSearchChange = (event) => {
        setSearch(event.target.value)
    }

    const getDeleteErrorMessage = (error) => {
        const responseData = error?.response?.data

        if (typeof responseData === 'string' && responseData.trim()) {
            return responseData
        }

        const responseMessage = responseData && typeof responseData === 'object' ? responseData.message || responseData.error : undefined
        if (typeof responseMessage === 'string' && responseMessage.trim()) {
            return responseMessage
        }

        if (typeof error?.message === 'string' && error.message.trim()) {