diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.styled.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.styled.tsx index b9ad51a669..b5741c67e1 100644 --- a/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.styled.tsx +++ b/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.styled.tsx @@ -15,11 +15,15 @@ export const Wrapper = styled.div` `; export const Title = styled.h1` - color: ${({ theme }) => theme.dangerZone.color}; + color: ${({ theme }) => theme.dangerZone.color.title}; font-size: 20px; padding-bottom: 16px; `; - +export const Warning = styled.div` + color: ${({ theme }) => theme.dangerZone.color.warningMessage}; + font-size: 12px; + padding-bottom: 16px; +`; export const Form = styled.form` display: flex; align-items: flex-end; diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.tsx index 49f1d3574a..59016d1d7a 100644 --- a/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.tsx +++ b/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.tsx @@ -81,6 +81,10 @@ const DangerZone: React.FC = ({ return ( Danger Zone + + Change these parameters only if you are absolutely sure what you are + doing. +