haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-02 07:47:32 +00:00
Code Issues Releases Wiki Activity

Merge pull request #7781 from haiwen/sdoc-right-panel-loading

Browse Source 
add right-panel loading
This commit is contained in:
Michael An 2025-04-29 10:39:56 +08:00 committed by GitHub
commit adb9940d88
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/dirent-detail/embedded-file-details/index.js
View File

@ -10,6 +10,7 @@ import { MetadataContext } from '../../../metadata';
import { MetadataDetailsProvider } from '../../../metadata/hooks';
import AIIcon from '../../../metadata/components/metadata-details/ai-icon';
import SettingsIcon from '../../../metadata/components/metadata-details/settings-icon';
import Loading from '../../loading';
import './index.css';
@ -18,6 +19,7 @@ const { enableSeafileAI } = window.app.config;
const EmbeddedFileDetails = ({ repoID, repoInfo, dirent, path, onClose, width = 300, className, component = {} }) => {
const { headerComponent } = component;
const [direntDetail, setDirentDetail] = useState('');
const [isFetching, setIsFetching] = useState(true);
const isView = useMemo(() => {
const urlParams = new URLSearchParams(window.location.search);
@ -28,6 +30,7 @@ const EmbeddedFileDetails = ({ repoID, repoInfo, dirent, path, onClose, width =
const fullPath = path.split('/').pop() === dirent?.name ? path : Utils.joinPath(path, dirent?.name || '');
seafileAPI.getFileInfo(repoID, fullPath).then(res => {
setDirentDetail(res.data);
setIsFetching(false);
}).catch(error => {
const errMessage = Utils.getErrorMsg(error);
toaster.danger(errMessage);
@ -79,11 +82,14 @@ const EmbeddedFileDetails = ({ repoID, repoInfo, dirent, path, onClose, width =
)}
</Header>
<Body>
{dirent && direntDetail && (
<div className="detail-content">
<FileDetails repoID={repoID} isShowRepoTags={false} dirent={dirent} direntDetail={direntDetail} />
</div>
)}
{isFetching ?
<div className="detail-content"><Loading /></div>
:
dirent && direntDetail && (
<div className="detail-content">
<FileDetails repoID={repoID} isShowRepoTags={false} dirent={dirent} direntDetail={direntDetail} />
</div>
)}
</Body>
</div>
</MetadataDetailsProvider>

10
frontend/src/hooks/metadata-status.js
View File

@ -3,6 +3,7 @@ import metadataAPI from '../metadata/api';
import { Utils } from '../utils/utils';
import toaster from '../components/toast';
import { MetadataAIOperationsProvider } from './metadata-ai-operation';
import Loading from '../components/loading';
// This hook provides content related to seahub interaction, such as whether to enable extended attributes
const MetadataStatusContext = React.createContext(null);
@ -123,6 +124,15 @@ export const MetadataStatusProvider = ({ repoID, repoInfo, hideMetadataView, sta
});
}, [repoID, detailsSettings]);
if (isLoading) {
return (
<div style={{ width: '300px' }}>
<Loading/>
</div>
);
}
return (
<MetadataStatusContext.Provider
value={{

1
frontend/src/metadata/components/popover/filter-popover/basic-filters/tags-filter.js
View File

@ -85,6 +85,7 @@ const TagsFilter = ({ readOnly, value: oldValue, onChange: onChangeAPI }) => {
const onDeleteFilter = useCallback((event) => {
event.nativeEvent.stopImmediatePropagation();
onChangeAPI([]);
// eslint-disable-next-line
oldValue = [];
}, [value, onChangeAPI, oldValue]);