ComposeForm: wrap NIP05 text in a <Warning /> component

src/features/compose/containers/warning-container.tsx

@@ -45,28 +45,28 @@ const WarningWrapper: React.FC<IWarningWrapper> = ({ composeId }) => {
   }
 
   if (account?.source?.nostr?.nip05 === undefined) {
-    if (settingsNotifications.has('needsNip05')) {
+    return (
-      return (
+      <Warning
-        <FormattedMessage
+        message={(settingsNotifications.has('needsNip05')) ? (
-          id='compose_form.nip05.warning'
+          <FormattedMessage
-          defaultMessage={'You don\'t have a username configured. {click} to set one up.'}
+            id='compose_form.nip05.warning'
-          values={{
+            defaultMessage={'You don\'t have a username configured. {click} to set one up.'}
-            click: (
+            values={{
-              <Link to='/settings/identity'>
+              click: (
-                <FormattedMessage id='compose_form.nip05.warning.click' defaultMessage='Click here' />
+                <Link to='/settings/identity'>
-              </Link>
+                  <FormattedMessage id='compose_form.nip05.warning.click' defaultMessage='Click here' />
-            ),
+                </Link>
-          }}
+              ),
-        />
+            }}
-      );
+          />
-    } else {
+        ) : (
-      return (
+          <FormattedMessage
-        <FormattedMessage
+            id='compose_form.nip05.pending'
-          id='compose_form.nip05.pending'
+            defaultMessage='Your username request is under review.'
-          defaultMessage='Your username request is under review.'
+          />
-        />
+        )}
-      );
+      />
-    }
+    );
   }
 
   if (needsLockWarning) {