From cd3b6e6dd68caf981f8aa14c80fc3a73be4b4b21 Mon Sep 17 00:00:00 2001
From: bruno <bruno@process.st>
Date: Sun, 17 Dec 2023 13:47:20 -0300
Subject: [PATCH] add reports page

---
 web/src/Routes.tsx                               |  2 ++
 .../implementations/implementations.spec.tsx     |  2 +-
 .../pages/implementations/implementations.tsx    |  2 +-
 web/src/pages/reports/index.ts                   |  1 +
 web/src/pages/reports/reports.spec.tsx           | 12 ++++++++++++
 web/src/pages/reports/reports.stories.tsx        | 12 ++++++++++++
 web/src/pages/reports/reports.tsx                | 16 ++++++++++++++++
 7 files changed, 45 insertions(+), 2 deletions(-)
 create mode 100644 web/src/pages/reports/index.ts
 create mode 100644 web/src/pages/reports/reports.spec.tsx
 create mode 100644 web/src/pages/reports/reports.stories.tsx
 create mode 100644 web/src/pages/reports/reports.tsx

diff --git a/web/src/Routes.tsx b/web/src/Routes.tsx
index 91d11c8..200a05c 100644
--- a/web/src/Routes.tsx
+++ b/web/src/Routes.tsx
@@ -13,6 +13,7 @@ import { Home } from './pages/home'
 import { Implementations } from './pages/implementations'
 import { NotFound } from './pages/not-found'
 import { Patterns } from './pages/patterns'
+import { Reports } from './pages/reports'
 
 const Routes = () => {
   return (
@@ -21,6 +22,7 @@ const Routes = () => {
       <Route path="/" page={Home} name="home" />
       <Route path="/patterns" page={Patterns} name="patterns" />
       <Route path="/implementations" page={Implementations} name="implementations" />
+      <Route path="/reports" page={Reports} name="reports" />
     </Router>
   )
 }
diff --git a/web/src/pages/implementations/implementations.spec.tsx b/web/src/pages/implementations/implementations.spec.tsx
index 4453a4f..2706a01 100644
--- a/web/src/pages/implementations/implementations.spec.tsx
+++ b/web/src/pages/implementations/implementations.spec.tsx
@@ -7,6 +7,6 @@ describe('Implementations page', () => {
     RTL.render(<Implementations />)
 
     RTL.screen.getByText('Implementaciones')
-    RTL.screen.getByText(/contenido de implementaciones 2/i)
+    RTL.screen.getByText(/contenido de implementaciones/i)
   })
 })
diff --git a/web/src/pages/implementations/implementations.tsx b/web/src/pages/implementations/implementations.tsx
index ffa99d4..53b78a5 100644
--- a/web/src/pages/implementations/implementations.tsx
+++ b/web/src/pages/implementations/implementations.tsx
@@ -9,7 +9,7 @@ export const Implementations = () => {
         Implementaciones
       </Heading>
       <Text fontSize="lg" mb="4">
-        Contenido de implementaciones 2
+        Contenido de implementaciones
       </Text>
     </Box>
   )
diff --git a/web/src/pages/reports/index.ts b/web/src/pages/reports/index.ts
new file mode 100644
index 0000000..6f39093
--- /dev/null
+++ b/web/src/pages/reports/index.ts
@@ -0,0 +1 @@
+export * from './reports'
diff --git a/web/src/pages/reports/reports.spec.tsx b/web/src/pages/reports/reports.spec.tsx
new file mode 100644
index 0000000..f16813a
--- /dev/null
+++ b/web/src/pages/reports/reports.spec.tsx
@@ -0,0 +1,12 @@
+import * as RTL from '@redwoodjs/testing/web'
+
+import { Reports } from '.'
+
+describe('Reports page', () => {
+  it('renders successfully', () => {
+    RTL.render(<Reports />)
+
+    RTL.screen.getByText('Reportes')
+    RTL.screen.getByText(/contenido de reportes/i)
+  })
+})
diff --git a/web/src/pages/reports/reports.stories.tsx b/web/src/pages/reports/reports.stories.tsx
new file mode 100644
index 0000000..1d5b5fc
--- /dev/null
+++ b/web/src/pages/reports/reports.stories.tsx
@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react'
+
+import { Reports } from '.'
+
+export default {
+  component: Reports,
+  title: 'Reports page',
+}
+
+export const Default: StoryObj<typeof Reports> = {
+  render: () => <Reports />,
+}
diff --git a/web/src/pages/reports/reports.tsx b/web/src/pages/reports/reports.tsx
new file mode 100644
index 0000000..cb4e288
--- /dev/null
+++ b/web/src/pages/reports/reports.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+
+import { Text, Heading, Box } from '@chakra-ui/react'
+
+export const Reports = () => {
+  return (
+    <Box>
+      <Heading as="h1" size="xl" mb="6">
+        Reportes
+      </Heading>
+      <Text fontSize="lg" mb="4">
+        Contenido de reportes
+      </Text>
+    </Box>
+  )
+}
-- 
GitLab