From 1928b48d6837635b093be986f3ac790b11e4a3b7 Mon Sep 17 00:00:00 2001
From: bruno <bruno@process.st>
Date: Tue, 12 Dec 2023 20:23:18 -0300
Subject: [PATCH] add patterns page
---
web/src/Routes.tsx | 2 ++
web/src/pages/Patterns/index.ts | 1 +
web/src/pages/Patterns/patterns-page.spec.tsx | 12 ++++++++++++
web/src/pages/Patterns/patterns-page.stories.tsx | 12 ++++++++++++
web/src/pages/Patterns/patterns-page.tsx | 16 ++++++++++++++++
5 files changed, 43 insertions(+)
create mode 100644 web/src/pages/Patterns/index.ts
create mode 100644 web/src/pages/Patterns/patterns-page.spec.tsx
create mode 100644 web/src/pages/Patterns/patterns-page.stories.tsx
create mode 100644 web/src/pages/Patterns/patterns-page.tsx
diff --git a/web/src/Routes.tsx b/web/src/Routes.tsx
index f9af536..8ed15b3 100644
--- a/web/src/Routes.tsx
+++ b/web/src/Routes.tsx
@@ -10,12 +10,14 @@
import { Router, Route } from '@redwoodjs/router'
import { HomePage } from './pages/HomePage'
+import { PatternsPage } from './pages/Patterns'
const Routes = () => {
return (
<Router>
<Route notfound page={NotFoundPage} />
<Route path="/" page={HomePage} name="home" />
+ <Route path="/patrones" page={PatternsPage} name="patterns" />
</Router>
)
}
diff --git a/web/src/pages/Patterns/index.ts b/web/src/pages/Patterns/index.ts
new file mode 100644
index 0000000..ae6b662
--- /dev/null
+++ b/web/src/pages/Patterns/index.ts
@@ -0,0 +1 @@
+export * from './patterns-page'
diff --git a/web/src/pages/Patterns/patterns-page.spec.tsx b/web/src/pages/Patterns/patterns-page.spec.tsx
new file mode 100644
index 0000000..b2ead10
--- /dev/null
+++ b/web/src/pages/Patterns/patterns-page.spec.tsx
@@ -0,0 +1,12 @@
+import * as RTL from '@redwoodjs/testing/web'
+
+import { PatternsPage } from './patterns-page'
+
+describe('HomePage', () => {
+ it('renders successfully', () => {
+ RTL.render(<PatternsPage />)
+
+ RTL.screen.getByText('Patrones')
+ RTL.screen.getByText(/contenido de patrones/i)
+ })
+})
diff --git a/web/src/pages/Patterns/patterns-page.stories.tsx b/web/src/pages/Patterns/patterns-page.stories.tsx
new file mode 100644
index 0000000..77a611d
--- /dev/null
+++ b/web/src/pages/Patterns/patterns-page.stories.tsx
@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react'
+
+import { PatternsPage } from './patterns-page'
+
+export default {
+ component: PatternsPage,
+ title: 'Patterns',
+}
+
+export const Default: StoryObj<typeof PatternsPage> = {
+ render: () => <PatternsPage />,
+}
diff --git a/web/src/pages/Patterns/patterns-page.tsx b/web/src/pages/Patterns/patterns-page.tsx
new file mode 100644
index 0000000..4f3003f
--- /dev/null
+++ b/web/src/pages/Patterns/patterns-page.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+
+import { Text, Heading, Box } from '@chakra-ui/react'
+
+export const PatternsPage: React.FC = () => {
+ return (
+ <Box>
+ <Heading as="h1" size="xl" mb="6">
+ Patrones
+ </Heading>
+ <Text fontSize="lg" mb="4">
+ Contenido de patrones
+ </Text>
+ </Box>
+ )
+}
--
GitLab