wasp-lang/wasp
1
1
Fork 0
mirror of https://github.com/wasp-lang/wasp.git synced 2024-11-23 01:54:37 +03:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
waspc/data/Generator/templates/react-app/src/auth/pages/OAuthCallback.tsx
View File

@ -8,7 +8,7 @@ import { initSession } from 'wasp/auth/helpers/user'
import { MessageLoading, MessageError } from "../../components/Message"; import { MessageLoading, MessageError } from "../../components/Message";
import { FullPageWrapper } from "../../components/FullPageWrapper"; import { FullPageWrapper } from "../../components/FullPageWrapper";
const oAuthCallbackWrapperClassName = "oauth-callback-wrapper"; const oAuthCallbackWrapperClassName = "wasp-oauth-callback-wrapper";
export function OAuthCallbackPage() { export function OAuthCallbackPage() {
const { error, user } = useOAuthCallbackHandler(); const { error, user } = useOAuthCallbackHandler();

4
waspc/data/Generator/templates/react-app/src/auth/pages/createAuthRequiredPage.jsx
View File

@ -21,13 +21,13 @@ const createAuthRequiredPage = (Page) => {
} }
case 'loading': case 'loading':
return ( return (
<FullPageWrapper className="auth-required-loader-wrapper"> <FullPageWrapper className="wasp-auth-required-loader-wrapper">
<Loader /> <Loader />
</FullPageWrapper> </FullPageWrapper>
) )
case 'error': case 'error':
return ( return (
<FullPageWrapper className="auth-required-error-wrapper"> <FullPageWrapper className="wasp-auth-required-error-wrapper">
<MessageError subtitle={<small>Details: {error.message}</small>}> <MessageError subtitle={<small>Details: {error.message}</small>}>
Failed to load user data. Try refreshing the page. Failed to load user data. Try refreshing the page.
</MessageError> </MessageError>

2
waspc/data/Generator/templates/react-app/src/components/FullPageWrapper.tsx
View File

@ -12,7 +12,7 @@ export function FullPageWrapper({
children: React.ReactNode; children: React.ReactNode;
className?: string; className?: string;
}) { }) {
const classNameWithDefaults = ['full-page-wrapper', className].filter(Boolean).join(' '); const classNameWithDefaults = ['wasp-full-page-wrapper', className].filter(Boolean).join(' ');
return ( return (
<div className={classNameWithDefaults} style={wrapperStyles}> <div className={classNameWithDefaults} style={wrapperStyles}>
{children} {children}

2
waspc/data/Generator/templates/react-app/src/components/Loader.tsx
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. // Spans a accross the whole screen and displays a spinner in the very middle.
export function Loader() { export function Loader() {
const loaderClassName = ['loader', styles.loader].join(' ') const loaderClassName = ['wasp-loader', styles.loader].join(' ')
return ( return (
<div className={loaderClassName}> <div className={loaderClassName}>
<div className={styles.loaderCircle} /> <div className={styles.loaderCircle} />

4
waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/.wasp/build/.waspchecksums generated
View File

@ -564,7 +564,7 @@
"file", "file",
"web-app/src/components/FullPageWrapper.tsx" "web-app/src/components/FullPageWrapper.tsx"
], ],
"7e2cd2151f3ee931711de0bd7abcbfbbee437189d0398f53f87ff3727ba3bec5" "da3e7478b84e3c9a67516f0dce21447cddbe65f904b91db7ada6be6173b77973"
], ],
[ [
[ [
@ -578,7 +578,7 @@
"file", "file",
"web-app/src/components/Loader.tsx" "web-app/src/components/Loader.tsx"
], ],
"3edae931d96b0124496e51f85a4a8e243723c5483c4f1aeacd63caefa0960f37" "f0f39ec3c328fcec8d4235720717183ca77fe54428d4f0cd0da769f7b25a07b8"
], ],
[ [
[ [

2
waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/.wasp/build/web-app/src/components/FullPageWrapper.tsx generated
View File

@ -12,7 +12,7 @@ export function FullPageWrapper({
children: React.ReactNode; children: React.ReactNode;
className?: string; className?: string;
}) { }) {
const classNameWithDefaults = ['full-page-wrapper', className].filter(Boolean).join(' '); const classNameWithDefaults = ['wasp-full-page-wrapper', className].filter(Boolean).join(' ');
return ( return (
<div className={classNameWithDefaults} style={wrapperStyles}> <div className={classNameWithDefaults} style={wrapperStyles}>
{children} {children}

2
waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/.wasp/build/web-app/src/components/Loader.tsx generated
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. // Spans a accross the whole screen and displays a spinner in the very middle.
export function Loader() { export function Loader() {
const loaderClassName = ['loader', styles.loader].join(' ') const loaderClassName = ['wasp-loader', styles.loader].join(' ')
return ( return (
<div className={loaderClassName}> <div className={loaderClassName}>
<div className={styles.loaderCircle} /> <div className={styles.loaderCircle} />

4
waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/.wasp/out/.waspchecksums generated
View File

@ -578,7 +578,7 @@
"file", "file",
"web-app/src/components/FullPageWrapper.tsx" "web-app/src/components/FullPageWrapper.tsx"
], ],
"7e2cd2151f3ee931711de0bd7abcbfbbee437189d0398f53f87ff3727ba3bec5" "da3e7478b84e3c9a67516f0dce21447cddbe65f904b91db7ada6be6173b77973"
], ],
[ [
[ [
@ -592,7 +592,7 @@
"file", "file",
"web-app/src/components/Loader.tsx" "web-app/src/components/Loader.tsx"
], ],
"3edae931d96b0124496e51f85a4a8e243723c5483c4f1aeacd63caefa0960f37" "f0f39ec3c328fcec8d4235720717183ca77fe54428d4f0cd0da769f7b25a07b8"
], ],
[ [
[ [

2
waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/.wasp/out/web-app/src/components/FullPageWrapper.tsx generated
View File

@ -12,7 +12,7 @@ export function FullPageWrapper({
children: React.ReactNode; children: React.ReactNode;
className?: string; className?: string;
}) { }) {
const classNameWithDefaults = ['full-page-wrapper', className].filter(Boolean).join(' '); const classNameWithDefaults = ['wasp-full-page-wrapper', className].filter(Boolean).join(' ');
return ( return (
<div className={classNameWithDefaults} style={wrapperStyles}> <div className={classNameWithDefaults} style={wrapperStyles}>
{children} {children}

2
waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/.wasp/out/web-app/src/components/Loader.tsx generated
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. // Spans a accross the whole screen and displays a spinner in the very middle.
export function Loader() { export function Loader() {
const loaderClassName = ['loader', styles.loader].join(' ') const loaderClassName = ['wasp-loader', styles.loader].join(' ')
return ( return (
<div className={loaderClassName}> <div className={loaderClassName}>
<div className={styles.loaderCircle} /> <div className={styles.loaderCircle} />

8
waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/.wasp/out/.waspchecksums generated
View File

@ -1180,21 +1180,21 @@
"file", "file",
"web-app/src/auth/pages/OAuthCallback.tsx" "web-app/src/auth/pages/OAuthCallback.tsx"
], ],
"619e984b063e29cc7eccae4002af0b0877d5fa4e3706b16440d4bfc3fb4a0aa0" "f5f1214036b335cd000d49e89908d35bdffd1878887d15877b699a78154c7852"
], ],
[ [
[ [
"file", "file",
"web-app/src/auth/pages/createAuthRequiredPage.jsx" "web-app/src/auth/pages/createAuthRequiredPage.jsx"
], ],
"bcf87c0d9553c6e2acf5f806a36075af632aca80cbbaeeb7c908cf8ded71c253" "011b5851a168fc4280b68a57a6ac2379fdbfb50d81f1fe0917be218ff9dba420"
], ],
[ [
[ [
"file", "file",
"web-app/src/components/FullPageWrapper.tsx" "web-app/src/components/FullPageWrapper.tsx"
], ],
"7e2cd2151f3ee931711de0bd7abcbfbbee437189d0398f53f87ff3727ba3bec5" "da3e7478b84e3c9a67516f0dce21447cddbe65f904b91db7ada6be6173b77973"
], ],
[ [
[ [
@ -1208,7 +1208,7 @@
"file", "file",
"web-app/src/components/Loader.tsx" "web-app/src/components/Loader.tsx"
], ],
"3edae931d96b0124496e51f85a4a8e243723c5483c4f1aeacd63caefa0960f37" "f0f39ec3c328fcec8d4235720717183ca77fe54428d4f0cd0da769f7b25a07b8"
], ],
[ [
[ [

2
waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/.wasp/out/web-app/src/auth/pages/OAuthCallback.tsx generated
View File

@ -7,7 +7,7 @@ import { initSession } from 'wasp/auth/helpers/user'
import { MessageLoading, MessageError } from "../../components/Message"; import { MessageLoading, MessageError } from "../../components/Message";
import { FullPageWrapper } from "../../components/FullPageWrapper"; import { FullPageWrapper } from "../../components/FullPageWrapper";
const oAuthCallbackWrapperClassName = "oauth-callback-wrapper"; const oAuthCallbackWrapperClassName = "wasp-oauth-callback-wrapper";
export function OAuthCallbackPage() { export function OAuthCallbackPage() {
const { error, user } = useOAuthCallbackHandler(); const { error, user } = useOAuthCallbackHandler();

4
waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/.wasp/out/web-app/src/auth/pages/createAuthRequiredPage.jsx generated
View File

@ -20,13 +20,13 @@ const createAuthRequiredPage = (Page) => {
} }
case 'loading': case 'loading':
return ( return (
<FullPageWrapper className="auth-required-loader-wrapper"> <FullPageWrapper className="wasp-auth-required-loader-wrapper">
<Loader /> <Loader />
</FullPageWrapper> </FullPageWrapper>
) )
case 'error': case 'error':
return ( return (
<FullPageWrapper className="auth-required-error-wrapper"> <FullPageWrapper className="wasp-auth-required-error-wrapper">
<MessageError subtitle={<small>Details: {error.message}</small>}> <MessageError subtitle={<small>Details: {error.message}</small>}>
Failed to load user data. Try refreshing the page. Failed to load user data. Try refreshing the page.
</MessageError> </MessageError>

2
waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/.wasp/out/web-app/src/components/FullPageWrapper.tsx generated
View File

@ -12,7 +12,7 @@ export function FullPageWrapper({
children: React.ReactNode; children: React.ReactNode;
className?: string; className?: string;
}) { }) {
const classNameWithDefaults = ['full-page-wrapper', className].filter(Boolean).join(' '); const classNameWithDefaults = ['wasp-full-page-wrapper', className].filter(Boolean).join(' ');
return ( return (
<div className={classNameWithDefaults} style={wrapperStyles}> <div className={classNameWithDefaults} style={wrapperStyles}>
{children} {children}

2
waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/.wasp/out/web-app/src/components/Loader.tsx generated
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. // Spans a accross the whole screen and displays a spinner in the very middle.
export function Loader() { export function Loader() {
const loaderClassName = ['loader', styles.loader].join(' ') const loaderClassName = ['wasp-loader', styles.loader].join(' ')
return ( return (
<div className={loaderClassName}> <div className={loaderClassName}>
<div className={styles.loaderCircle} /> <div className={styles.loaderCircle} />

4
waspc/e2e-test/test-outputs/waspJob-golden/waspJob/.wasp/out/.waspchecksums generated
View File

@ -648,7 +648,7 @@
"file", "file",
"web-app/src/components/FullPageWrapper.tsx" "web-app/src/components/FullPageWrapper.tsx"
], ],
"7e2cd2151f3ee931711de0bd7abcbfbbee437189d0398f53f87ff3727ba3bec5" "da3e7478b84e3c9a67516f0dce21447cddbe65f904b91db7ada6be6173b77973"
], ],
[ [
[ [
@ -662,7 +662,7 @@
"file", "file",
"web-app/src/components/Loader.tsx" "web-app/src/components/Loader.tsx"
], ],
"3edae931d96b0124496e51f85a4a8e243723c5483c4f1aeacd63caefa0960f37" "f0f39ec3c328fcec8d4235720717183ca77fe54428d4f0cd0da769f7b25a07b8"
], ],
[ [
[ [

2
waspc/e2e-test/test-outputs/waspJob-golden/waspJob/.wasp/out/web-app/src/components/FullPageWrapper.tsx generated
View File

@ -12,7 +12,7 @@ export function FullPageWrapper({
children: React.ReactNode; children: React.ReactNode;
className?: string; className?: string;
}) { }) {
const classNameWithDefaults = ['full-page-wrapper', className].filter(Boolean).join(' '); const classNameWithDefaults = ['wasp-full-page-wrapper', className].filter(Boolean).join(' ');
return ( return (
<div className={classNameWithDefaults} style={wrapperStyles}> <div className={classNameWithDefaults} style={wrapperStyles}>
{children} {children}

2
waspc/e2e-test/test-outputs/waspJob-golden/waspJob/.wasp/out/web-app/src/components/Loader.tsx generated
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. // Spans a accross the whole screen and displays a spinner in the very middle.
export function Loader() { export function Loader() {
const loaderClassName = ['loader', styles.loader].join(' ') const loaderClassName = ['wasp-loader', styles.loader].join(' ')
return ( return (
<div className={loaderClassName}> <div className={loaderClassName}>
<div className={styles.loaderCircle} /> <div className={styles.loaderCircle} />

4
waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/.wasp/out/.waspchecksums generated
View File

@ -578,7 +578,7 @@
"file", "file",
"web-app/src/components/FullPageWrapper.tsx" "web-app/src/components/FullPageWrapper.tsx"
], ],
"7e2cd2151f3ee931711de0bd7abcbfbbee437189d0398f53f87ff3727ba3bec5" "da3e7478b84e3c9a67516f0dce21447cddbe65f904b91db7ada6be6173b77973"
], ],
[ [
[ [
@ -592,7 +592,7 @@
"file", "file",
"web-app/src/components/Loader.tsx" "web-app/src/components/Loader.tsx"
], ],
"3edae931d96b0124496e51f85a4a8e243723c5483c4f1aeacd63caefa0960f37" "f0f39ec3c328fcec8d4235720717183ca77fe54428d4f0cd0da769f7b25a07b8"
], ],
[ [
[ [

2
waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/.wasp/out/web-app/src/components/FullPageWrapper.tsx generated
View File

@ -12,7 +12,7 @@ export function FullPageWrapper({
children: React.ReactNode; children: React.ReactNode;
className?: string; className?: string;
}) { }) {
const classNameWithDefaults = ['full-page-wrapper', className].filter(Boolean).join(' '); const classNameWithDefaults = ['wasp-full-page-wrapper', className].filter(Boolean).join(' ');
return ( return (
<div className={classNameWithDefaults} style={wrapperStyles}> <div className={classNameWithDefaults} style={wrapperStyles}>
{children} {children}

2
waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/.wasp/out/web-app/src/components/Loader.tsx generated
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. // Spans a accross the whole screen and displays a spinner in the very middle.
export function Loader() { export function Loader() {
const loaderClassName = ['loader', styles.loader].join(' ') const loaderClassName = ['wasp-loader', styles.loader].join(' ')
return ( return (
<div className={loaderClassName}> <div className={loaderClassName}>
<div className={styles.loaderCircle} /> <div className={styles.loaderCircle} />