From 9d94a52f7526ed06596c8179a326c9bcd4e70137 Mon Sep 17 00:00:00 2001
From: Tavera <f.tavera@accenture.com>
Date: Mon, 7 Oct 2024 18:08:59 -0600
Subject: [PATCH 1/2] Actividad-1

---
 apps/react-app/src/App.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/react-app/src/App.tsx b/apps/react-app/src/App.tsx
index d837a9b1..e425afd2 100644
--- a/apps/react-app/src/App.tsx
+++ b/apps/react-app/src/App.tsx
@@ -2,12 +2,17 @@ import { Grid } from "@mui/material";
 
 import { HomePage } from "./components/Page";
 import { PageContainer } from "./components/Page/LoginPage/LoginPage.styles";
+import { PostPage } from "./components/Page";
+import { CategoriesPage } from "./components/Page";
+
 
 function App() {
   return (
     <>
       <HomePage />
-      {/* ACT 1 - Render PostPage, and CategoriesPage components */}
+      <PostPage />
+      <CategoriesPage />
+      
       {/* ACT 2 - Move the following content to a new component called LoginPage and render it*/}
       <PageContainer container>
         Login Page

From d5e69a86eba7156baa1cf9dbb0130e795f88b793 Mon Sep 17 00:00:00 2001
From: Tavera <f.tavera@accenture.com>
Date: Tue, 8 Oct 2024 17:33:56 -0600
Subject: [PATCH 2/2] sesion 1 act 2

---
 apps/react-app/src/App.tsx                       | 12 ++----------
 .../src/components/Page/LoginPage/LoginPage.tsx  | 16 ++++++++++++++++
 .../src/components/Page/LoginPage/index.ts       |  1 +
 3 files changed, 19 insertions(+), 10 deletions(-)
 create mode 100644 apps/react-app/src/components/Page/LoginPage/LoginPage.tsx

diff --git a/apps/react-app/src/App.tsx b/apps/react-app/src/App.tsx
index e425afd2..8bd85d7e 100644
--- a/apps/react-app/src/App.tsx
+++ b/apps/react-app/src/App.tsx
@@ -1,9 +1,7 @@
-import { Grid } from "@mui/material";
-
 import { HomePage } from "./components/Page";
-import { PageContainer } from "./components/Page/LoginPage/LoginPage.styles";
 import { PostPage } from "./components/Page";
 import { CategoriesPage } from "./components/Page";
+import LoginPage from "./components/Page/LoginPage";
 
 
 function App() {
@@ -13,13 +11,7 @@ function App() {
       <PostPage />
       <CategoriesPage />
       
-      {/* ACT 2 - Move the following content to a new component called LoginPage and render it*/}
-      <PageContainer container>
-        Login Page
-        <Grid item md={4} xs={4} lg={4}>
-          Form
-        </Grid>
-      </PageContainer>
+      <LoginPage />
     </>
   );
 }
diff --git a/apps/react-app/src/components/Page/LoginPage/LoginPage.tsx b/apps/react-app/src/components/Page/LoginPage/LoginPage.tsx
new file mode 100644
index 00000000..f640ca83
--- /dev/null
+++ b/apps/react-app/src/components/Page/LoginPage/LoginPage.tsx
@@ -0,0 +1,16 @@
+import { PageContainer } from "./LoginPage.styles"
+import { Grid } from "@mui/material";
+
+function LoginPage() {
+    return (
+        <PageContainer container>
+            Login Page
+            <Grid item md={4} xs={4} lg={4}>
+                Form
+            </Grid>
+        </PageContainer>
+    )
+}
+
+export default LoginPage;
+
diff --git a/apps/react-app/src/components/Page/LoginPage/index.ts b/apps/react-app/src/components/Page/LoginPage/index.ts
index a22c8b67..cc666cfa 100644
--- a/apps/react-app/src/components/Page/LoginPage/index.ts
+++ b/apps/react-app/src/components/Page/LoginPage/index.ts
@@ -1 +1,2 @@
  // ACT 2 - Export LoginPage component
+export { default } from './LoginPage';
\ No newline at end of file