diff --git a/src/components/help/HelpView.tsx b/src/components/help/HelpView.tsx
index 7a257be7..e0df417c 100644
--- a/src/components/help/HelpView.tsx
+++ b/src/components/help/HelpView.tsx
@@ -70,8 +70,6 @@ export const HelpView: FC<{}> = props =>
setIsVisible(true);
}, [ activeReport ]);
-
- if(!isVisible && !activeReport) return null;
const CurrentStepView = () =>
{
@@ -97,19 +95,20 @@ export const HelpView: FC<{}> = props =>
return (
<>
-
-
-
-
-
-
-
-
-
-
-
-
-
+ { isVisible &&
+
+
+
+
+
+
+
+
+
+
+
+
+ }
>
diff --git a/src/components/help/views/name-change/NameChangeView.tsx b/src/components/help/views/name-change/NameChangeView.tsx
index d4959efc..5cc76a9a 100644
--- a/src/components/help/views/name-change/NameChangeView.tsx
+++ b/src/components/help/views/name-change/NameChangeView.tsx
@@ -17,13 +17,11 @@ export const NameChangeView:FC<{}> = props =>
const [ layout, setLayout ] = useState(INIT);
const [ newUsername, setNewUsername ] = useState('');
- const onHelpNameChangeEvent = useCallback((event: HelpNameChangeEvent) =>
+ useUiEvent(HelpNameChangeEvent.INIT, event =>
{
setLayout(INIT);
setIsVisible(true);
- }, []);
-
- useUiEvent(HelpNameChangeEvent.INIT, onHelpNameChangeEvent);
+ });
const onAction = useCallback((action: string, value?: string) =>
{