Function Files

packages/ui/src/views/files/index.jsx:30–150

()

// ==============================|| CHATFLOWS ||============================== //

const Files = () => {
    const { confirm } = useConfirm()

    const [isLoading, setLoading] = useState(true)
    const { error, setError } = useError()
    const [files, setFiles] = useState([])
    const [search, setSearch] = useState('')

    const getAllFilesApi = useApi(filesApi.getAllFiles)

    const dispatch = useDispatch()

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

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

    function filterFiles(data) {
        return (
            data.name.toLowerCase().indexOf(search.toLowerCase()) > -1 ||
            (data.category && data.category.toLowerCase().indexOf(search.toLowerCase()) > -1)
        )
    }

    const handleDeleteFile = async (file) => {
        const confirmPayload = {
            title: `Delete`,
            description: `Delete ${file.name}? This process cannot be undone.`,
            confirmButtonName: 'Delete',
            cancelButtonName: 'Cancel'
        }
        const isConfirmed = await confirm(confirmPayload)

        if (isConfirmed) {
            try {
                const deleteResponse = await filesApi.deleteFile(file.path)
                if (deleteResponse?.data) {
                    enqueueSnackbar({
                        message: 'File deleted',
                        options: {
                            key: new Date().getTime() + Math.random(),
                            variant: 'success',
                            action: (key) => (
                                <Button style={{ color: 'white' }} onClick={() => closeSnackbar(key)}>
                                    <IconX />
                                </Button>
                            )
                        }
                    })
                }
                await getAllFilesApi.request()
            } catch (error) {
                setError(error)
                enqueueSnackbar({
                    message: typeof error.response.data === 'object' ? error.response.data.message : error.response.data,