Broken image on providers page

[kf106]

"next-auth": "4.0.0-beta.4": The page that shows the list of providers has a broken image:

I'm pretty sure it needs to be specified somewhere in /pages/api/[...nextauth].js but I can't find anything in the docs that says how the providers page image is set.

Can someone point me in the right direction?

[kf106]

Actually, it looks like this might be a bug, as I haven't defined a theme.logo in styles, and so it's setting it as src(unknown).

[balazsorban44]

Thanks, probably introduced in #2788, will fix this soon. We should have rendered the image conditionally, when the user did not define a brand image

[kf106]

Update: worked it out. For some reason I thought it was CSS, but it just goes in the [...nextauth].js file, and make sure there's a comma after the last } if you don't put it at the end.

Where does the following snippet go? in the [...nextauth].js file, or the _app.js file?

theme: {
  colorScheme: "auto", // "auto" | "dark" | "light"
  brandColor: "", // Hex color code
  logo: "" // Absolute URL to image
}

[balazsorban44]

you won't have to do anything, @ndom91 will release a fix. we simply have to conditionally render the brand logo, if you don't define one.

[balazsorban44]

Fix on the way in #2916

[ndom91]

PR opened. Gonna collect them hacktoberfest PRs 🤑 😂