Wasp•4w ago

Landing Page Header

Hello, I have my new wasp app up and running locally. I see in main.wasp I have a Landing Page at this \ route.
When I visit the landing page component in my src folder, I can't seem to find the header. I'm particularly looking for the login button. I see the login button on the landing page, just can't seem to find the actual component.

5 Replies

kapa.ai•4w ago

Hi @kevinjaypatel. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Based on the information provided in the knowledge sources, I can help explain where you might find the header and login button for your Wasp app's landing page. The login button you're seeing on the landing page is likely part of a navigation component, which is not directly defined in the LandingPage.tsx file. Instead, it's probably part of a layout or navbar component that wraps around your main content. In the open-saas template, which is a common starting point for many Wasp apps, the navbar (including the login button) is typically defined in a separate component. According to the Discord support thread: Discord support thread

if you're referring to open-saas, you might be confused because the landing page has its own navbar component

they share the same DropdownUser component though. see here >> https://github.com/wasp-lang/open-saas/blob/main/app/src/client/components/DropdownUser.tsx

This suggests that you should look for a separate navbar or header component in your project structure, possibly in a components folder. The login functionality might be implemented using the DropdownUser component or a similar custom component. If you're using the Auth UI components provided by Wasp, you can import and use them in your pages like this:

import { LoginForm } from 'wasp/client/auth'

export function LoginPage() {
  return (
    <div>
      <LoginForm />
    </div>
  )
}

import { LoginForm } from 'wasp/client/auth'

export function LoginPage() {
  return (
    <div>
      <LoginForm />
    </div>
  )
}

This example is from the Auth UI documentation. If you can't find the header or login button in your project files, it's possible that they're being dynamically generated based on your main.wasp configuration. You might want to check your main.wasp file for auth-related settings that could be influencing the display of login options. If you're still unable to locate the component, you may need to provide more details about your project structure or share relevant parts of your code for a more specific answer. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ---------------------- Sorry @kevinjaypatel, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist: Perhaps try again in 15mins?

isaiah•4w ago

DropdownUser component is in https://github.com/wasp-lang/open-saas/blob/main/template/app/src/user/DropdownUser.tsx now @kevinjaypatel Do you mean this? https://github.com/wasp-lang/open-saas/blob/main/template/app/src/client/components/NavBar/NavBar.tsx

kevinjaypatelOP•4w ago

That’s the one, TY 🙏🏽

Filip•4w ago

As usual, thanks for the help @isaiah!

MEE6•4w ago

Wohooo @sodic, you just became a Waspeteer level 35!

Gaming

Programming

Landing Page Header

Did you find this page helpful?