Skip to content

Commit

Permalink
Prefix Wasp defined class names with wasp- (#2181)
Browse files Browse the repository at this point in the history
  • Loading branch information
infomiho committed Jul 15, 2024
1 parent 9ed569d commit ecd3980
Show file tree
Hide file tree
Showing 21 changed files with 30 additions and 30 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import { initSession } from 'wasp/auth/helpers/user'
import { MessageLoading, MessageError } from "../../components/Message";
import { FullPageWrapper } from "../../components/FullPageWrapper";

const oAuthCallbackWrapperClassName = "oauth-callback-wrapper";
const oAuthCallbackWrapperClassName = "wasp-oauth-callback-wrapper";

export function OAuthCallbackPage() {
const { error, user } = useOAuthCallbackHandler();
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,13 +21,13 @@ const createAuthRequiredPage = (Page) => {
}
case 'loading':
return (
<FullPageWrapper className="auth-required-loader-wrapper">
<FullPageWrapper className="wasp-auth-required-loader-wrapper">
<Loader />
</FullPageWrapper>
)
case 'error':
return (
<FullPageWrapper className="auth-required-error-wrapper">
<FullPageWrapper className="wasp-auth-required-error-wrapper">
<MessageError subtitle={<small>Details: {error.message}</small>}>
Failed to load user data. Try refreshing the page.
</MessageError>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ export function FullPageWrapper({
children: React.ReactNode;
className?: string;
}) {
const classNameWithDefaults = ['full-page-wrapper', className].filter(Boolean).join(' ');
const classNameWithDefaults = ['wasp-full-page-wrapper', className].filter(Boolean).join(' ');
return (
<div className={classNameWithDefaults} style={wrapperStyles}>
{children}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import styles from './Loader.module.css'

// Spans a accross the whole screen and displays a spinner in the very middle.
export function Loader() {
const loaderClassName = ['loader', styles.loader].join(' ')
const loaderClassName = ['wasp-loader', styles.loader].join(' ')
return (
<div className={loaderClassName}>
<div className={styles.loaderCircle} />
Expand Down

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit ecd3980

Please sign in to comment.