ソースを参照

[CHORE] Refactor keys

Oleg Shuralev 4 年 前
コミット
bec82c01db

+ 1 - 1
kafka-ui-react-app/src/components/Topics/Details/Messages/MessagesTable.tsx

@@ -28,7 +28,7 @@ const MessagesTable: React.FC<MessagesTableProp> = ({ messages, onNext }) => {
           {messages.map(
             ({ partition, offset, timestamp, content }: TopicMessage) => (
               <MessageItem
-                key={timestamp.toString()}
+                key={`message-${timestamp.getTime()}`}
                 partition={partition}
                 offset={offset}
                 timestamp={timestamp}

+ 2 - 2
kafka-ui-react-app/src/components/Topics/Details/Messages/__test__/__snapshots__/MessagesTable.spec.tsx.snap

@@ -29,13 +29,13 @@ exports[`MessagesTable when topic contains messages matches snapshot 1`] = `
             "key": "val",
           }
         }
-        key="Fri May 05 1995 00:00:00 GMT+0400 (Moscow Summer Time)"
+        key="message-799617600000"
         offset={2}
         partition={1}
         timestamp={1995-05-04T20:00:00.000Z}
       />
       <MessageItem
-        key="Thu May 07 2020 00:00:00 GMT+0300 (Moscow Standard Time)"
+        key="message-1588798800000"
         offset={20}
         partition={2}
         timestamp={2020-05-06T21:00:00.000Z}

+ 1 - 1
kafka-ui-react-app/src/components/Topics/shared/Form/CustomParams/CustomParams.tsx

@@ -88,7 +88,7 @@ const CustomParams: React.FC<Props> = ({ isSubmitting, config }) => {
 
       {formCustomParams.allIndexes.map((index) => (
         <CustomParamField
-          key={index}
+          key={formCustomParams.byIndex[index].name}
           index={index}
           isDisabled={isSubmitting}
           name={formCustomParams.byIndex[index].name}