Web: Client: InfoPanel: History added function to open file
This commit is contained in:
parent
3fc61e1f7b
commit
a1ca9c3e74
@ -30,9 +30,11 @@ import { Trans, withTranslation } from "react-i18next";
|
|||||||
import { inject, observer } from "mobx-react";
|
import { inject, observer } from "mobx-react";
|
||||||
|
|
||||||
import { IconButton } from "@docspace/shared/components/icon-button";
|
import { IconButton } from "@docspace/shared/components/icon-button";
|
||||||
|
import { combineUrl } from "@docspace/shared/utils/combineUrl";
|
||||||
import { ReactSVG } from "react-svg";
|
import { ReactSVG } from "react-svg";
|
||||||
import { TTranslation } from "@docspace/shared/types";
|
import { TTranslation } from "@docspace/shared/types";
|
||||||
import { getFileExtension } from "@docspace/shared/utils/common";
|
import { getFileExtension } from "@docspace/shared/utils/common";
|
||||||
|
import config from "PACKAGE_FILE";
|
||||||
import {
|
import {
|
||||||
StyledHistoryBlockExpandLink,
|
StyledHistoryBlockExpandLink,
|
||||||
StyledHistoryBlockFile,
|
StyledHistoryBlockFile,
|
||||||
@ -77,6 +79,8 @@ const HistoryItemList = ({
|
|||||||
|
|
||||||
const onExpand = () => setIsExpanded(true);
|
const onExpand = () => setIsExpanded(true);
|
||||||
|
|
||||||
|
const isFolder = targetType === "folder";
|
||||||
|
|
||||||
const items = [
|
const items = [
|
||||||
feed.data,
|
feed.data,
|
||||||
...feed.related.map((relatedFeeds) => relatedFeeds.data),
|
...feed.related.map((relatedFeeds) => relatedFeeds.data),
|
||||||
@ -85,7 +89,7 @@ const HistoryItemList = ({
|
|||||||
...item,
|
...item,
|
||||||
title: nameWithoutExtension!(item.title || item.newTitle),
|
title: nameWithoutExtension!(item.title || item.newTitle),
|
||||||
fileExst: getFileExtension(item.title || item.newTitle),
|
fileExst: getFileExtension(item.title || item.newTitle),
|
||||||
isFolder: targetType === "folder",
|
isFolder,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -94,6 +98,19 @@ const HistoryItemList = ({
|
|||||||
fileExst: getFileExtension(feed.data.oldTitle),
|
fileExst: getFileExtension(feed.data.oldTitle),
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleOpenFile = (item) => {
|
||||||
|
return (
|
||||||
|
!isFolder &&
|
||||||
|
window.open(
|
||||||
|
combineUrl(
|
||||||
|
window.ClientConfig?.proxy?.url,
|
||||||
|
config.homepage,
|
||||||
|
`/doceditor?fileId=${item.id}`,
|
||||||
|
),
|
||||||
|
)
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StyledHistoryBlockFilesList>
|
<StyledHistoryBlockFilesList>
|
||||||
{items.map((item, i) => {
|
{items.map((item, i) => {
|
||||||
@ -105,7 +122,10 @@ const HistoryItemList = ({
|
|||||||
isFolder={item.isFolder}
|
isFolder={item.isFolder}
|
||||||
key={`${feed.action.id}_${item.id}`}
|
key={`${feed.action.id}_${item.id}`}
|
||||||
>
|
>
|
||||||
<div className="item-wrapper">
|
<div
|
||||||
|
className="item-wrapper"
|
||||||
|
onClick={() => handleOpenFile(item)}
|
||||||
|
>
|
||||||
<ReactSVG
|
<ReactSVG
|
||||||
className="icon"
|
className="icon"
|
||||||
src={getInfoPanelItemIcon!(item, 24)}
|
src={getInfoPanelItemIcon!(item, 24)}
|
||||||
|
Loading…
Reference in New Issue
Block a user