steffen/mms-react-abvanced
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use ComponentWrapper

Browse Source
This commit is contained in:
e560248
2025-04-08 14:38:45 +02:00
parent 554f14c8d9
commit 241ea51d34
4 changed files with 10 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
react-advanced-tag1/src/pages/EffectExercisesPage.tsx
View File

@@ -1,11 +1,10 @@
import ComponentWrapper from '../common/components/ComponentWrapper/ComponentWrapper'
import EffectExercises from '../common/components/exercises/EffectExercises' import EffectExercises from '../common/components/exercises/EffectExercises'
import Heading from '../common/components/globals/Heading'
export default function EffectExercisesPage() { export default function EffectExercisesPage() {
return ( return (
<div> <ComponentWrapper title="Effekte">
<Heading title="Effekte" />
<EffectExercises /> <EffectExercises />
</div> </ComponentWrapper>
) )
} }

7
react-advanced-tag1/src/pages/HomePage.tsx
View File

@@ -1,10 +1,9 @@
import Heading from '../common/components/globals/Heading' import ComponentWrapper from '../common/components/ComponentWrapper/ComponentWrapper'
export default function HomePage() { export default function HomePage() {
return ( return (
<> <ComponentWrapper title="Willkommen">
<Heading title="Willkommen" />
<p>Willkommen auf der Startseite!</p> <p>Willkommen auf der Startseite!</p>
</> </ComponentWrapper>
) )
} }

7
react-advanced-tag1/src/pages/MemoCallbackPage.tsx
View File

@@ -1,11 +1,10 @@
import ComponentWrapper from '../common/components/ComponentWrapper/ComponentWrapper'
import MemoCallback from '../common/components/exercises/MemoCallback' import MemoCallback from '../common/components/exercises/MemoCallback'
import Heading from '../common/components/globals/Heading'
export default function MemoCallbackPage() { export default function MemoCallbackPage() {
return ( return (
<> <ComponentWrapper title="Memo und Callback">
<Heading title="Memo und Callback" />
<MemoCallback /> <MemoCallback />
</> </ComponentWrapper>
) )
} }

2
react-advanced-tag1/src/pages/UsersPage.tsx
View File

@@ -4,7 +4,7 @@ import { UserOverview } from '../common/components/exercises/UserOverview'
export default function UsersPage() { export default function UsersPage() {
return ( return (
<div style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}> <div style={{ display: 'flex', flexDirection: 'column', gap: '3rem' }}>
<ComponentWrapper <ComponentWrapper
title="Benutzer" title="Benutzer"
description="Load User with useEffect Hook" description="Load User with useEffect Hook"