Topic: Cleaning the edit form (#3418)

src/components/right/CreateTopic.tsx

@@ -1,5 +1,5 @@
 import React, {
-  memo, useCallback, useMemo, useState,
+  memo, useCallback, useEffect, useMemo, useState,
 } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';
 
@@ -60,6 +60,13 @@ const CreateTopic: FC<OwnProps & StateProps> = ({
     onBack: onClose,
   });
 
+  useEffect(() => {
+    if (!isActive) {
+      setTitle('');
+      setIconEmojiId(undefined);
+    }
+  }, [isActive]);
+
   const handleTitleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
     setTitle(e.target.value);
   }, []);

src/components/right/EditTopic.tsx

@@ -61,6 +61,13 @@ const EditTopic: FC<OwnProps & StateProps> = ({
     onBack: onClose,
   });
 
+  useEffect(() => {
+    if (!isActive) {
+      setTitle('');
+      setIconEmojiId(undefined);
+    }
+  }, [isActive]);
+
   useEffect(() => {
     if (topic?.title || topic?.iconEmojiId) {
       setTitle(topic.title);