Merge pull request #1640 from real-mday/Set-default-compression-type-and-reuse-old-messages-140-page-only

Feature: Store Most Recently Used Compression Type

Author: jvorcak

frontend/src/components/pages/topics/Topic.Produce.tsx

@@ -35,6 +35,7 @@ import {
 } from '../../../protogen/redpanda/api/console/v1alpha1/publish_messages_pb';
 import { appGlobal } from '../../../state/appGlobal';
 import { api } from '../../../state/backendApi';
+import { uiState } from '../../../state/uiState';
 import { uiSettings } from '../../../state/ui';
 import { Label } from '../../../utils/tsxUtils';
 import { base64ToUInt8Array, isValidBase64, substringWithEllipsis } from '../../../utils/utils';
@@ -120,7 +121,7 @@ const PublishTopicForm: FC<{ topicName: string }> = observer(({ topicName }) =>
   } = useForm<Inputs>({
     defaultValues: {
       partition: -1,
-      compressionType: CompressionType.SNAPPY,
+      compressionType: uiState.topicSettings.produceRecordCompression,
       headers: [],
       key: {
         data: '',
@@ -231,6 +232,8 @@ const PublishTopicForm: FC<{ topicName: string }> = observer(({ topicName }) =>
     req.partitionId = data.partition;
     req.compression = data.compressionType;
 
+    uiState.topicSettings.produceRecordCompression = data.compressionType;
+    
     // Headers
     for (const h of data.headers) {
       if (!h.value && !h.value) {

frontend/src/state/ui.ts

@@ -18,6 +18,7 @@ import { PayloadEncoding } from '../protogen/redpanda/api/console/v1alpha1/commo
 import { clone } from '../utils/jsonUtils';
 import { assignDeep, randomId } from '../utils/utils';
 import { AclRequestDefault, type GetAclsRequest } from './restInterfaces';
+import { CompressionType } from '../protogen/redpanda/api/console/v1alpha1/common_pb';
 
 const settingsName = 'uiSettings-v3';
 
@@ -147,6 +148,7 @@ export class TopicDetailsSettings {
   @observable aclPageSize = 20;
 
   @observable produceRecordEncoding = PayloadEncoding.TEXT as PayloadEncoding | 'base64';
+  @observable produceRecordCompression = CompressionType.SNAPPY;
 
   @observable quickSearch = '';
 }