import { useEffect, useState } from 'react';
import PropTypes from 'prop-types';
import { Utils } from '../../../utils/utils';
import { seafileAPI } from '../../../utils/seafile-api';
import toaster from '../../toast';
import { MetadataDetailsProvider } from '../../../metadata';
import { Repo } from '../../../models';
import { MetadataStatusProvider } from '../../../hooks';
import Details from './details';
import LibDetail from '../../dirent-detail/lib-details';
import { Body, Header } from '../../dirent-detail/detail';
import { gettext } from '../../../utils/constants';
import './index.css';
const SearchedItemDetails = ({ repoID, path, dirent }) => {
const [repoInfo, setRepoInfo] = useState(null);
const [direntDetail, setDirentDetail] = useState(null);
const [errMessage, setErrMessage] = useState(null);
useEffect(() => {
seafileAPI.getRepoInfo(repoID).then(res => {
const repo = new Repo(res.data);
setRepoInfo(repo);
}).catch(error => {
const errMessage = Utils.getErrorMsg(error);
toaster.danger(errMessage);
});
}, [repoID]);
useEffect(() => {
const controller = new AbortController();
const fetchData = async () => {
if (!repoID || !path || !dirent || dirent.isLib) {
setDirentDetail(null);
setErrMessage(null);
return;
}
try {
const res = await seafileAPI[dirent.type === 'file' ? 'getFileInfo' : 'getDirInfo'](
repoID,
path,
{ signal: controller.signal }
);
setDirentDetail(res.data);
setErrMessage(null);
} catch (error) {
if (error.name === 'AbortError') {
return; // Ignore abort errors
}
if (error.response && error.response.status === 404) {
const err = `${dirent.type === 'file' ? 'File' : 'Folder'} does not exist`;
setErrMessage(err);
return;
}
const errMessage = Utils.getErrorMsg(error);
toaster.danger(errMessage);
}
};
const timer = setTimeout(fetchData, 200);
return () => {
controller.abort();
clearTimeout(timer);
};
}, [repoID, repoInfo, path, dirent]);
if (!repoInfo) return;
if (errMessage) {
return (
);
}
if (dirent.isLib) {
return (
);
}
if (!direntDetail) return null;
let parentDir = path !== '/' && path.endsWith('/') ? path.slice(0, -1) : path; // deal with folder path comes from search results, eg: /folder/
parentDir = Utils.getDirName(parentDir);
return (
setErrMessage(message)}
>