From 241ea51d34c1379824293acfdd8b95fafe5fa5e8 Mon Sep 17 00:00:00 2001
From: e560248 <steffen.schoene@sbb.ch>
Date: Tue, 8 Apr 2025 14:38:45 +0200
Subject: [PATCH] use ComponentWrapper

---
 react-advanced-tag1/src/pages/EffectExercisesPage.tsx | 7 +++----
 react-advanced-tag1/src/pages/HomePage.tsx            | 7 +++----
 react-advanced-tag1/src/pages/MemoCallbackPage.tsx    | 7 +++----
 react-advanced-tag1/src/pages/UsersPage.tsx           | 2 +-
 4 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/react-advanced-tag1/src/pages/EffectExercisesPage.tsx b/react-advanced-tag1/src/pages/EffectExercisesPage.tsx
index 917dd86..edcebed 100644
--- a/react-advanced-tag1/src/pages/EffectExercisesPage.tsx
+++ b/react-advanced-tag1/src/pages/EffectExercisesPage.tsx
@@ -1,11 +1,10 @@
+import ComponentWrapper from '../common/components/ComponentWrapper/ComponentWrapper'
 import EffectExercises from '../common/components/exercises/EffectExercises'
-import Heading from '../common/components/globals/Heading'
 
 export default function EffectExercisesPage() {
   return (
-    <div>
-      <Heading title="Effekte" />
+    <ComponentWrapper title="Effekte">
       <EffectExercises />
-    </div>
+    </ComponentWrapper>
   )
 }
diff --git a/react-advanced-tag1/src/pages/HomePage.tsx b/react-advanced-tag1/src/pages/HomePage.tsx
index 46a19e0..19ffbd0 100644
--- a/react-advanced-tag1/src/pages/HomePage.tsx
+++ b/react-advanced-tag1/src/pages/HomePage.tsx
@@ -1,10 +1,9 @@
-import Heading from '../common/components/globals/Heading'
+import ComponentWrapper from '../common/components/ComponentWrapper/ComponentWrapper'
 
 export default function HomePage() {
   return (
-    <>
-      <Heading title="Willkommen" />
+    <ComponentWrapper title="Willkommen">
       <p>Willkommen auf der Startseite!</p>
-    </>
+    </ComponentWrapper>
   )
 }
diff --git a/react-advanced-tag1/src/pages/MemoCallbackPage.tsx b/react-advanced-tag1/src/pages/MemoCallbackPage.tsx
index 99ee020..e5da710 100644
--- a/react-advanced-tag1/src/pages/MemoCallbackPage.tsx
+++ b/react-advanced-tag1/src/pages/MemoCallbackPage.tsx
@@ -1,11 +1,10 @@
+import ComponentWrapper from '../common/components/ComponentWrapper/ComponentWrapper'
 import MemoCallback from '../common/components/exercises/MemoCallback'
-import Heading from '../common/components/globals/Heading'
 
 export default function MemoCallbackPage() {
   return (
-    <>
-      <Heading title="Memo und Callback" />
+    <ComponentWrapper title="Memo und Callback">
       <MemoCallback />
-    </>
+    </ComponentWrapper>
   )
 }
diff --git a/react-advanced-tag1/src/pages/UsersPage.tsx b/react-advanced-tag1/src/pages/UsersPage.tsx
index cb7dc38..63f414a 100644
--- a/react-advanced-tag1/src/pages/UsersPage.tsx
+++ b/react-advanced-tag1/src/pages/UsersPage.tsx
@@ -4,7 +4,7 @@ import { UserOverview } from '../common/components/exercises/UserOverview'
 
 export default function UsersPage() {
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
+    <div style={{ display: 'flex', flexDirection: 'column', gap: '3rem' }}>
       <ComponentWrapper
         title="Benutzer"
         description="Load User with useEffect Hook"