OpenCtx logoexperimentalOpenCtx

See contextual info about code from your dev tools, in your editor and anywhere else you read code.

How it looks in your editor

SignInPage.story.tsxTry in playground
import { SignInPage, type SignInPageProps } from './SignInPage.js'
import styles from "./Story.module.css"

const config: Meta = {
title: 'web/auth/SignInPage',
}

eventLogger.logEvent('PageView')

const gc = new prometheusClient.Summary({ name: 'go_gc_duration_seconds' })

const results = querySQL('SELECT * FROM user_accounts')

export const Default: StoryFn = () => (
<WebStory>{() => <SignInPage context={context} authenticatedUser={null} />}</WebStory>
)

export const ShowMore: StoryFn = () => (
<WebStory initialEntries={[{ pathname: '/sign-in', search: '?showMore' }]}>
{() => <SignInPage context={{ ...context, primaryLoginProvidersCount: 1 }} authenticatedUser={null} />}
</WebStory>
)

export const Dotcom: StoryFn = () => (
<WebStory>
{() => <SignInPage context={{ ...context, sourcegraphDotComMode: true }} authenticatedUser={null} />}
</WebStory>
)

(Don't worry. It doesn't actually blink yellow in your editor, and you can easily hide the items when you don't want them.)