From fef16fff30c74bc2fa27d481d2c0bd8d8d02223a Mon Sep 17 00:00:00 2001
From: Nicolas Van Labeke <nicolas.vanlabeke@hivemq.com>
Date: Mon, 9 Dec 2024 17:23:53 +0000
Subject: [PATCH] feat(28664): add remove schema

---
 .../TopicFilters/components/TopicSchemaManager.tsx        | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/hivemq-edge/src/frontend/src/modules/TopicFilters/components/TopicSchemaManager.tsx b/hivemq-edge/src/frontend/src/modules/TopicFilters/components/TopicSchemaManager.tsx
index b7f71bc363..40b9debcb8 100644
--- a/hivemq-edge/src/frontend/src/modules/TopicFilters/components/TopicSchemaManager.tsx
+++ b/hivemq-edge/src/frontend/src/modules/TopicFilters/components/TopicSchemaManager.tsx
@@ -40,6 +40,10 @@ const TopicSchemaManager: FC<CurrentSchemaProps> = ({ topicFilter }) => {
     onUpdate(topicFilter.topicFilter, { ...topicFilter, schema: dataUri })
   }
 
+  const onHandleClear = () => {
+    onUpdate(topicFilter.topicFilter, { ...topicFilter, schema: undefined })
+  }
+
   return (
     <VStack>
       <ErrorMessage message={schemaHandler.error} status={schemaHandler.status} type={schemaHandler.message} />
@@ -64,7 +68,9 @@ const TopicSchemaManager: FC<CurrentSchemaProps> = ({ topicFilter }) => {
                       <JsonSchemaBrowser schema={schemaHandler.schema} />
                     </CardBody>
                     <CardFooter justifyContent="flex-end">
-                      <Button isDisabled>{t('topicFilter.schema.actions.remove')}</Button>
+                      <Button isDisabled={Boolean(!topicFilter.schema)} onClick={onHandleClear}>
+                        {t('topicFilter.schema.actions.remove')}
+                      </Button>
                     </CardFooter>
                   </Card>
                 )}