Splitting login and signup pages. Fixes #386 (#431)

LemmyNet · Sep 19, 2021 · 65be5c7 · 65be5c7
1 parent ca30127
commit 65be5c7
Show file tree

Hide file tree

Showing 4 changed files with 470 additions and 354 deletions.
diff --git a/src/shared/components/app/navbar.tsx b/src/shared/components/app/navbar.tsx
@@ -264,7 +264,7 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
               /^\/search/
             ) && (
               <form
-                class="form-inline"
+                class="form-inline mr-2"
                 onSubmit={linkEvent(this, this.handleSearchSubmit)}
               >
                 <input
@@ -376,13 +376,22 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
               </>
             ) : (
               <ul class="navbar-nav my-2">
-                <li className="ml-2 nav-item">
+                <li className="nav-item">
                   <button
-                    className="btn btn-success"
+                    className="nav-link btn btn-link"
                     onClick={linkEvent(this, this.handleGotoLogin)}
-                    title={i18n.t("login_sign_up")}
+                    title={i18n.t("login")}
                   >
-                    {i18n.t("login_sign_up")}
+                    {i18n.t("login")}
+                  </button>
+                </li>
+                <li className="nav-item">
+                  <button
+                    className="nav-link btn btn-link"
+                    onClick={linkEvent(this, this.handleGotoSignup)}
+                    title={i18n.t("sign_up")}
+                  >
+                    {i18n.t("sign_up")}
                   </button>
                 </li>
               </ul>
@@ -482,6 +491,11 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
     i.context.router.history.push(`/login`);
   }
 
+  handleGotoSignup(i: Navbar) {
+    i.setState({ showDropdown: false, expanded: false });
+    i.context.router.history.push(`/signup`);
+  }
+
   handleShowDropdown(i: Navbar) {
     i.state.showDropdown = !i.state.showDropdown;
     i.setState(i.state);