custom fields

RocketChat · Jul 5, 2024 · eb6c0c5 · eb6c0c5
1 parent 9bef9d4
commit eb6c0c5
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/apps/meteor/client/views/omnichannel/components/CustomField.tsx b/apps/meteor/client/views/omnichannel/components/CustomField.tsx
@@ -3,10 +3,8 @@ import { useEndpoint, useTranslation } from '@rocket.chat/ui-contexts';
 import { useQuery } from '@tanstack/react-query';
 import React from 'react';
 
+import InfoPanel from '../../../components/InfoPanel';
 import { FormSkeleton } from '../directory/components/FormSkeleton';
-import Field from './Field';
-import Info from './Info';
-import Label from './Label';
 
 type CustomFieldProps = {
 	id: string;
@@ -33,10 +31,10 @@ const CustomField = ({ id, value }: CustomFieldProps) => {
 	}
 
 	return (
-		<Field>
-			<Label>{label}</Label>
-			<Info>{value}</Info>
-		</Field>
+		<InfoPanel.Field>
+			<InfoPanel.Label>{label}</InfoPanel.Label>
+			<InfoPanel.Text>{value}</InfoPanel.Text>
+		</InfoPanel.Field>
 	);
 };