Actividad-1

apps/react-app/src/App.tsx

@@ -1,20 +1,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";
+import LoginPage from "./components/Page/LoginPage";
+
 
 function App() {
   return (
     <>
       <HomePage />
-      {/* ACT 1 - Render PostPage, and CategoriesPage components */}
-      {/* 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>
+      <PostPage />
+      <CategoriesPage />
+
+      <LoginPage />
     </>
   );
 }

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;
+

apps/react-app/src/components/Page/LoginPage/index.ts

@@ -1 +1,2 @@
  // ACT 2 - Export LoginPage component
+export { default } from './LoginPage';