ソースを参照

FE: display consumerGroupID in Reset Offsets page (#3866)

Sungyun Hur 1 年間 前
コミット
69ebd3d52b

+ 1 - 1
kafka-ui-react-app/src/components/ConsumerGroups/Details/ResetOffsets/Form.tsx

@@ -186,7 +186,7 @@ const Form: React.FC<FormProps> = ({ defaultValues, partitions, topics }) => {
             type="submit"
             type="submit"
             disabled={partitionsValue.length === 0}
             disabled={partitionsValue.length === 0}
           >
           >
-            Submit
+            Reset Offsets
           </Button>
           </Button>
         </div>
         </div>
       </StyledForm>
       </StyledForm>

+ 2 - 1
kafka-ui-react-app/src/components/ConsumerGroups/Details/ResetOffsets/ResetOffsets.tsx

@@ -15,6 +15,7 @@ import Form from './Form';
 const ResetOffsets: React.FC = () => {
 const ResetOffsets: React.FC = () => {
   const routerParams = useAppParams<ClusterGroupParam>();
   const routerParams = useAppParams<ClusterGroupParam>();
 
 
+  const { consumerGroupID } = routerParams;
   const consumerGroup = useConsumerGroupDetails(routerParams);
   const consumerGroup = useConsumerGroupDetails(routerParams);
 
 
   if (consumerGroup.isLoading || !consumerGroup.isSuccess)
   if (consumerGroup.isLoading || !consumerGroup.isSuccess)
@@ -37,7 +38,7 @@ const ResetOffsets: React.FC = () => {
   return (
   return (
     <>
     <>
       <PageHeading
       <PageHeading
-        text="Reset offsets"
+        text={consumerGroupID}
         backTo={clusterConsumerGroupsPath(routerParams.clusterName)}
         backTo={clusterConsumerGroupsPath(routerParams.clusterName)}
         backText="Consumers"
         backText="Consumers"
       />
       />