Prefix Wasp defined class names with wasp- (#2181)

This commit is contained in:
Mihovil Ilakovac 2024-07-15 17:59:04 +02:00 committed by GitHub
parent 9ed569d671
commit ecd39808c1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
21 changed files with 30 additions and 30 deletions

View File

@ -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();

View File

@ -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>

View File

@ -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}

View File

@ -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} />

View File

@ -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"
],
[
[

View File

@ -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}

View File

@ -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} />

View File

@ -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"
],
[
[

View File

@ -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}

View File

@ -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} />

View File

@ -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"
],
[
[

View File

@ -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();

View File

@ -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>

View File

@ -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}

View File

@ -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} />

View File

@ -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"
],
[
[

View File

@ -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}

View File

@ -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} />

View File

@ -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"
],
[
[

View File

@ -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}

View File

@ -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} />