IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

with file actions and with router were injected

Browse Source
This commit is contained in:
Vladimir Khvan 2023-04-25 12:11:34 +05:00
parent 3538cc38c3
commit 55f42b28a1
1 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/WebhookHistoryTable/HistoryTableView/HistoryTableRow.js
View File

@ -8,13 +8,17 @@ import Text from "@docspace/components/text";
import Checkbox from "@docspace/components/checkbox"; import Checkbox from "@docspace/components/checkbox";
import { StatusBadge } from "../../../../sub-components/StatusBadge"; import { StatusBadge } from "../../../../sub-components/StatusBadge";
import { withRouter } from "react-router";
import withFileActions from "@docspace/client/src/HOCs/withFileActions";
import RetryIcon from "PUBLIC_DIR/images/refresh.react.svg?url"; import RetryIcon from "PUBLIC_DIR/images/refresh.react.svg?url";
import InfoIcon from "PUBLIC_DIR/images/info.outline.react.svg?url"; import InfoIcon from "PUBLIC_DIR/images/info.outline.react.svg?url";
export const HistoryTableRow = ({ eventData }) => { const HistoryTableRow = (props) => {
const { item, checkedProps, onContentFileSelect } = props;
const history = useHistory(); const history = useHistory();
const redirectToDetails = () => history.push(window.location.pathname + `/event/${eventData.id}`); const redirectToDetails = () => history.push(window.location.pathname + `/event/${item.id}`);
const contextOptions = [ const contextOptions = [
{ {
@ -31,21 +35,25 @@ export const HistoryTableRow = ({ eventData }) => {
]; ];
const formattedDelivery = useMemo( const formattedDelivery = useMemo(
() => moment(eventData.delivery).format("MMM D, YYYY, h:mm:ss A") + " UTC", () => moment(item.delivery).format("MMM D, YYYY, h:mm:ss A") + " UTC",
[eventData], [item],
); );
const onChange = (e) => {
onContentFileSelect && onContentFileSelect(e.target.checked, item);
};
return ( return (
<TableRow contextOptions={contextOptions}> <TableRow contextOptions={contextOptions} checked={checkedProps}>
<TableCell> <TableCell>
<TableCell checked={false} className="noPadding"> <TableCell checked={checkedProps} className="noPadding">
<Checkbox onChange={() => {}} isChecked={false} title="TitleSelectFile" /> <Checkbox onChange={onChange} isChecked={checkedProps} title="TitleSelectFile" />
</TableCell> </TableCell>
<Text fontWeight={600}>{eventData.id}</Text> <Text fontWeight={600}>{item.id}</Text>
</TableCell> </TableCell>
<TableCell> <TableCell>
<StatusBadge status={eventData.status} /> <StatusBadge status={item.status} />
</TableCell> </TableCell>
<TableCell> <TableCell>
<Text fontWeight={600} fontSize="11px"> <Text fontWeight={600} fontSize="11px">
@ -55,3 +63,5 @@ export const HistoryTableRow = ({ eventData }) => {
</TableRow> </TableRow>
); );
}; };
export default withRouter(withFileActions(HistoryTableRow));