Merge pull request #940 from redpanda-data/feature/produce-message-page

Feature/produce message page
redpanda-data · Nov 28, 2023 · 31fa065 · 31fa065
2 parents 8c88af2 + 0042c52
commit 31fa065
Show file tree

Hide file tree

Showing 3 changed files with 524 additions and 1 deletion.
diff --git a/frontend/src/components/pages/topics/Tab.Messages/index.tsx b/frontend/src/components/pages/topics/Tab.Messages/index.tsx
@@ -51,6 +51,7 @@ import { isServerless } from '../../../../config';
 import { Link as ReactRouterLink } from 'react-router-dom';
 import { PublishMessagePayloadOptions, PublishMessageRequest } from '../../../../protogen/redpanda/api/console/v1alpha1/publish_messages_pb';
 import { CompressionType, KafkaRecordHeader, PayloadEncoding } from '../../../../protogen/redpanda/api/console/v1alpha1/common_pb';
+import { appGlobal } from '../../../../state/appGlobal';
 import { WarningIcon } from '@chakra-ui/icons';
 
 interface TopicMessageViewProps {
@@ -311,7 +312,9 @@ export class TopicMessageView extends Component<TopicMessageViewProps> {
                             </MenuButton>
                             <MenuList>
                                 <MenuItem
-                                    onClick={() => this.showPublishRecordsModal({ topicName: this.props.topic.topicName })}
+                                    onClick={() => {
+                                        appGlobal.history.push(`/topics/${encodeURIComponent(topic.topicName)}/publish`);
+                                    }}
                                 >
                                     Publish Message
                                 </MenuItem>