6581ee605b
* Migrate Topic Overview to the new version of table #2684 * changed Dropdown Toggle visibility to disabled and fixed test * changed drop down button disabled rule * deleted cleanUpPolicy form the some tests Co-authored-by: davitbejanyan <dbejanyan@provectus.com> Co-authored-by: Oleg Shur <workshur@gmail.com>
35 lines
1.3 KiB
TypeScript
35 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
import { Partition } from 'generated-sources';
|
|
import { CellContext } from '@tanstack/react-table';
|
|
import { useAppDispatch } from 'lib/hooks/redux';
|
|
import ClusterContext from 'components/contexts/ClusterContext';
|
|
import { RouteParamsClusterTopic } from 'lib/paths';
|
|
import useAppParams from 'lib/hooks/useAppParams';
|
|
import { clearTopicMessages } from 'redux/reducers/topicMessages/topicMessagesSlice';
|
|
import { Dropdown, DropdownItem } from 'components/common/Dropdown';
|
|
import { useTopicDetails } from 'lib/hooks/api/topics';
|
|
|
|
const ActionsCell: React.FC<CellContext<Partition, unknown>> = ({ row }) => {
|
|
const { clusterName, topicName } = useAppParams<RouteParamsClusterTopic>();
|
|
const { data } = useTopicDetails({ clusterName, topicName });
|
|
const { isReadOnly } = React.useContext(ClusterContext);
|
|
const { partition } = row.original;
|
|
const dispatch = useAppDispatch();
|
|
|
|
const clearTopicMessagesHandler = async () => {
|
|
await dispatch(
|
|
clearTopicMessages({ clusterName, topicName, partitions: [partition] })
|
|
).unwrap();
|
|
};
|
|
const disabled =
|
|
data?.internal || isReadOnly || data?.cleanUpPolicy !== 'DELETE';
|
|
return (
|
|
<Dropdown disabled={disabled}>
|
|
<DropdownItem onClick={clearTopicMessagesHandler} danger>
|
|
Clear Messages
|
|
</DropdownItem>
|
|
</Dropdown>
|
|
);
|
|
};
|
|
|
|
export default ActionsCell;
|