From 0da5fb96232dd721d15e2a0256df6f2e68fd448d Mon Sep 17 00:00:00 2001
From: Nutomic <me@nutomic.com>
Date: Thu, 27 Jan 2022 18:44:08 +0000
Subject: [PATCH] Move lemmy.ml signup message to top of registration page
 (#554)

* Move lemmy.ml signup message to top of registration page

* Fix warning css class, fix message padding
---
 .../components/comment/comment-form.tsx       |  2 +-
 src/shared/components/home/signup.tsx         | 22 +++++++++++--------
 src/shared/env.ts                             |  2 +-
 3 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/shared/components/comment/comment-form.tsx b/src/shared/components/comment/comment-form.tsx
index 515e3d99..58cabeb6 100644
--- a/src/shared/components/comment/comment-form.tsx
+++ b/src/shared/components/comment/comment-form.tsx
@@ -85,7 +85,7 @@ export class CommentForm extends Component<CommentFormProps, CommentFormState> {
             placeholder={i18n.t("comment_here")}
           />
         ) : (
-          <div class="alert alert-light" role="alert">
+          <div class="alert alert-warning" role="alert">
             <Icon icon="alert-triangle" classes="icon-inline mr-2" />
             <T i18nKey="must_login" class="d-inline">
               #
diff --git a/src/shared/components/home/signup.tsx b/src/shared/components/home/signup.tsx
index 8effa958..3dca4676 100644
--- a/src/shared/components/home/signup.tsx
+++ b/src/shared/components/home/signup.tsx
@@ -118,6 +118,7 @@ export class Signup extends Component<any, State> {
   }
 
   get isLemmyMl(): boolean {
+    return true;
     return isBrowser() && window.location.hostname == "lemmy.ml";
   }
 
@@ -140,6 +141,16 @@ export class Signup extends Component<any, State> {
       <form onSubmit={linkEvent(this, this.handleRegisterSubmit)}>
         <h5>{this.titleName}</h5>
 
+        {this.isLemmyMl && (
+          <div class="form-group row">
+            <div class="mt-2 mb-0 alert alert-warning" role="alert">
+              <T i18nKey="lemmy_ml_registration_message">
+                #<a href={joinLemmyUrl}>#</a>
+              </T>
+            </div>
+          </div>
+        )}
+
         <div class="form-group row">
           <label class="col-sm-2 col-form-label" htmlFor="register-username">
             {i18n.t("username")}
@@ -182,7 +193,7 @@ export class Signup extends Component<any, State> {
             />
             {!this.state.site_view.site.require_email_verification &&
               !validEmail(this.state.registerForm.email) && (
-                <div class="mt-2 mb-0 alert alert-light" role="alert">
+                <div class="mt-2 mb-0 alert alert-warning" role="alert">
                   <Icon icon="alert-triangle" classes="icon-inline mr-2" />
                   {i18n.t("no_password_reset")}
                 </div>
@@ -239,7 +250,7 @@ export class Signup extends Component<any, State> {
           <>
             <div class="form-group row">
               <div class="offset-sm-2 col-sm-10">
-                <div class="mt-2 alert alert-light" role="alert">
+                <div class="mt-2 alert alert-warning" role="alert">
                   <Icon icon="alert-triangle" classes="icon-inline mr-2" />
                   {i18n.t("fill_out_application")}
                 </div>
@@ -316,13 +327,6 @@ export class Signup extends Component<any, State> {
             </div>
           </div>
         )}
-        {this.isLemmyMl && (
-          <div class="mt-2 mb-0 alert alert-light" role="alert">
-            <T i18nKey="lemmy_ml_registration_message">
-              #<a href={joinLemmyUrl}>#</a>
-            </T>
-          </div>
-        )}
         <input
           tabIndex={-1}
           autoComplete="false"
diff --git a/src/shared/env.ts b/src/shared/env.ts
index 43b9ce0d..3b93882a 100644
--- a/src/shared/env.ts
+++ b/src/shared/env.ts
@@ -1,6 +1,6 @@
 import { isBrowser } from "./utils";
 
-const testHost = "localhost:8536";
+const testHost = "127.0.0.1:8536";
 
 let internalHost =
   (!isBrowser() && process.env.LEMMY_INTERNAL_HOST) || testHost; // used for local dev