fix: Hide login link on login page (#2039)

- Removes log in link when on log in page
- Fix e2e test, which wasn't actually logging the test user in before

frontend/src/index.ts

@@ -405,25 +405,25 @@ export class App extends LiteElement {
                     </sl-menu-item>
                   </sl-menu>
                 </sl-dropdown>`
-              : html`
+              : this.renderSignUpLink()}
-                  <a href="/log-in"> ${msg("Log In")} </a>
-                  ${this.appState.settings?.registrationEnabled
-                    ? html`
-                        <sl-button
-                          variant="text"
-                          @click="${() => this.navigate("/sign-up")}"
-                        >
-                          ${msg("Sign up")}
-                        </sl-button>
-                      `
-                    : html``}
-                `}
           </div>
         </nav>
       </div>
     `;
   }
 
+  private renderSignUpLink() {
+    if (!this.appState.settings) return;
+
+    if (this.appState.settings.registrationEnabled) {
+      return html`
+        <sl-button variant="text" @click="${() => this.navigate("/sign-up")}">
+          ${msg("Sign Up")}
+        </sl-button>
+      `;
+    }
+  }
+
   private renderOrgs() {
     const orgs = this.userInfo?.orgs;
     if (!orgs) return;

frontend/tests/login.spec.ts

@@ -20,7 +20,7 @@ test("test", async ({ baseURL }) => {
       );
     }
     await page.fill('input[name="password"]', devPassword);
-    await page.click('a:has-text("Log In")');
+    await page.click('sl-button:has-text("Log In")');
   } finally {
     await browser.close();
   }