mirror of
https://github.com/wasp-lang/wasp.git
synced 2024-09-11 07:16:09 +03:00
Prefix Wasp defined class names with wasp-
(#2181)
This commit is contained in:
parent
9ed569d671
commit
ecd39808c1
@ -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();
|
||||
|
@ -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>
|
||||
|
@ -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}
|
||||
|
@ -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} />
|
||||
|
@ -564,7 +564,7 @@
|
||||
"file",
|
||||
"web-app/src/components/FullPageWrapper.tsx"
|
||||
],
|
||||
"7e2cd2151f3ee931711de0bd7abcbfbbee437189d0398f53f87ff3727ba3bec5"
|
||||
"da3e7478b84e3c9a67516f0dce21447cddbe65f904b91db7ada6be6173b77973"
|
||||
],
|
||||
[
|
||||
[
|
||||
@ -578,7 +578,7 @@
|
||||
"file",
|
||||
"web-app/src/components/Loader.tsx"
|
||||
],
|
||||
"3edae931d96b0124496e51f85a4a8e243723c5483c4f1aeacd63caefa0960f37"
|
||||
"f0f39ec3c328fcec8d4235720717183ca77fe54428d4f0cd0da769f7b25a07b8"
|
||||
],
|
||||
[
|
||||
[
|
||||
|
@ -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}
|
||||
|
@ -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} />
|
||||
|
@ -578,7 +578,7 @@
|
||||
"file",
|
||||
"web-app/src/components/FullPageWrapper.tsx"
|
||||
],
|
||||
"7e2cd2151f3ee931711de0bd7abcbfbbee437189d0398f53f87ff3727ba3bec5"
|
||||
"da3e7478b84e3c9a67516f0dce21447cddbe65f904b91db7ada6be6173b77973"
|
||||
],
|
||||
[
|
||||
[
|
||||
@ -592,7 +592,7 @@
|
||||
"file",
|
||||
"web-app/src/components/Loader.tsx"
|
||||
],
|
||||
"3edae931d96b0124496e51f85a4a8e243723c5483c4f1aeacd63caefa0960f37"
|
||||
"f0f39ec3c328fcec8d4235720717183ca77fe54428d4f0cd0da769f7b25a07b8"
|
||||
],
|
||||
[
|
||||
[
|
||||
|
@ -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}
|
||||
|
@ -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} />
|
||||
|
@ -1180,21 +1180,21 @@
|
||||
"file",
|
||||
"web-app/src/auth/pages/OAuthCallback.tsx"
|
||||
],
|
||||
"619e984b063e29cc7eccae4002af0b0877d5fa4e3706b16440d4bfc3fb4a0aa0"
|
||||
"f5f1214036b335cd000d49e89908d35bdffd1878887d15877b699a78154c7852"
|
||||
],
|
||||
[
|
||||
[
|
||||
"file",
|
||||
"web-app/src/auth/pages/createAuthRequiredPage.jsx"
|
||||
],
|
||||
"bcf87c0d9553c6e2acf5f806a36075af632aca80cbbaeeb7c908cf8ded71c253"
|
||||
"011b5851a168fc4280b68a57a6ac2379fdbfb50d81f1fe0917be218ff9dba420"
|
||||
],
|
||||
[
|
||||
[
|
||||
"file",
|
||||
"web-app/src/components/FullPageWrapper.tsx"
|
||||
],
|
||||
"7e2cd2151f3ee931711de0bd7abcbfbbee437189d0398f53f87ff3727ba3bec5"
|
||||
"da3e7478b84e3c9a67516f0dce21447cddbe65f904b91db7ada6be6173b77973"
|
||||
],
|
||||
[
|
||||
[
|
||||
@ -1208,7 +1208,7 @@
|
||||
"file",
|
||||
"web-app/src/components/Loader.tsx"
|
||||
],
|
||||
"3edae931d96b0124496e51f85a4a8e243723c5483c4f1aeacd63caefa0960f37"
|
||||
"f0f39ec3c328fcec8d4235720717183ca77fe54428d4f0cd0da769f7b25a07b8"
|
||||
],
|
||||
[
|
||||
[
|
||||
|
@ -7,7 +7,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();
|
||||
|
@ -20,13 +20,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>
|
||||
|
@ -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}
|
||||
|
@ -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} />
|
||||
|
@ -648,7 +648,7 @@
|
||||
"file",
|
||||
"web-app/src/components/FullPageWrapper.tsx"
|
||||
],
|
||||
"7e2cd2151f3ee931711de0bd7abcbfbbee437189d0398f53f87ff3727ba3bec5"
|
||||
"da3e7478b84e3c9a67516f0dce21447cddbe65f904b91db7ada6be6173b77973"
|
||||
],
|
||||
[
|
||||
[
|
||||
@ -662,7 +662,7 @@
|
||||
"file",
|
||||
"web-app/src/components/Loader.tsx"
|
||||
],
|
||||
"3edae931d96b0124496e51f85a4a8e243723c5483c4f1aeacd63caefa0960f37"
|
||||
"f0f39ec3c328fcec8d4235720717183ca77fe54428d4f0cd0da769f7b25a07b8"
|
||||
],
|
||||
[
|
||||
[
|
||||
|
@ -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}
|
||||
|
@ -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} />
|
||||
|
@ -578,7 +578,7 @@
|
||||
"file",
|
||||
"web-app/src/components/FullPageWrapper.tsx"
|
||||
],
|
||||
"7e2cd2151f3ee931711de0bd7abcbfbbee437189d0398f53f87ff3727ba3bec5"
|
||||
"da3e7478b84e3c9a67516f0dce21447cddbe65f904b91db7ada6be6173b77973"
|
||||
],
|
||||
[
|
||||
[
|
||||
@ -592,7 +592,7 @@
|
||||
"file",
|
||||
"web-app/src/components/Loader.tsx"
|
||||
],
|
||||
"3edae931d96b0124496e51f85a4a8e243723c5483c4f1aeacd63caefa0960f37"
|
||||
"f0f39ec3c328fcec8d4235720717183ca77fe54428d4f0cd0da769f7b25a07b8"
|
||||
],
|
||||
[
|
||||
[
|
||||
|
@ -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}
|
||||
|
@ -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} />
|
||||
|
Loading…
Reference in New Issue
Block a user