From f8b1b795a3290580eb549b4c22edc9ee2ecf2d04 Mon Sep 17 00:00:00 2001
From: EliAlarcon <EliAlarcon@users.noreply.github.com>
Date: Fri, 2 Feb 2024 10:10:28 -0500
Subject: [PATCH] =?UTF-8?q?Creaci=C3=B3n=20componente=20producto?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/configs/navigationConfig.ts      | 12 +++++++--
 src/app/main/producto/Producto.tsx       | 32 ++++++++++++++++++++++++
 src/app/main/producto/ProductoConfig.tsx | 21 ++++++++++++++++
 src/app/main/producto/i18n/en.ts         |  5 ++++
 4 files changed, 68 insertions(+), 2 deletions(-)
 create mode 100644 src/app/main/producto/Producto.tsx
 create mode 100644 src/app/main/producto/ProductoConfig.tsx
 create mode 100644 src/app/main/producto/i18n/en.ts

diff --git a/src/app/configs/navigationConfig.ts b/src/app/configs/navigationConfig.ts
index f72f831..5e66e5b 100644
--- a/src/app/configs/navigationConfig.ts
+++ b/src/app/configs/navigationConfig.ts
@@ -24,8 +24,8 @@ const navigationConfig: FuseNavItemType[] = [
 	},
 	{
 		id: 'dashboard-component',
-		title: 'Tablero',
-		translate: 'TABLERO',
+		title: 'Dashboard',
+		translate: 'DASHBOARD',
 		type: 'item',
 		icon: 'heroicons-outline:star',
 		url: 'dashboards/project'
@@ -37,6 +37,14 @@ const navigationConfig: FuseNavItemType[] = [
 		type: 'item',
 		icon: 'heroicons-outline:document-text',
 		url: 'invoice/list'
+	},
+	{
+		id: 'producto-component',
+		title: 'Producto',
+		translate: 'PRODUCT',
+		type: 'item',
+		icon: 'heroicons-outline:clipboard-check',
+		url: 'producto'
 	}
 
 ];
diff --git a/src/app/main/producto/Producto.tsx b/src/app/main/producto/Producto.tsx
new file mode 100644
index 0000000..1960f34
--- /dev/null
+++ b/src/app/main/producto/Producto.tsx
@@ -0,0 +1,32 @@
+import DemoContent from '@fuse/core/DemoContent';
+import FusePageSimple from '@fuse/core/FusePageSimple';
+import { useTranslation } from 'react-i18next';
+import { styled } from '@mui/material/styles';
+
+const Root = styled(FusePageSimple)(({ theme }) => ({
+	'& .FusePageSimple-header': {
+		backgroundColor: theme.palette.background.paper,
+		borderBottomWidth: 1,
+		borderStyle: 'solid',
+		borderColor: theme.palette.divider
+	},
+	'& .FusePageSimple-content': {},
+	'& .FusePageSimple-sidebarHeader': {},
+	'& .FusePageSimple-sidebarContent': {}
+}));
+
+function Producto() {
+    const { t } = useTranslation('products');
+    
+	return(
+		<Root
+			header={
+				<div className='p-24'>
+					<h4>{t('PRODUCTOS')}</h4>
+				</div>
+			}
+		/>
+	)
+}
+
+export default Producto;
\ No newline at end of file
diff --git a/src/app/main/producto/ProductoConfig.tsx b/src/app/main/producto/ProductoConfig.tsx
new file mode 100644
index 0000000..c8da1dd
--- /dev/null
+++ b/src/app/main/producto/ProductoConfig.tsx
@@ -0,0 +1,21 @@
+import i18next from "i18next";
+import { lazy } from 'react';
+import en from './i18n/en';
+
+i18next.addResourceBundle('en', 'examplePage', en);
+
+const Producto = lazy(() => import('./Producto'));
+
+const ProductoConfig = {
+    settings: {
+        layout: {}
+    },
+    routes: [
+        {
+            path: 'producto',
+            element: <Producto/>
+        }
+    ]
+};
+
+export default ProductoConfig;
\ No newline at end of file
diff --git a/src/app/main/producto/i18n/en.ts b/src/app/main/producto/i18n/en.ts
new file mode 100644
index 0000000..88c60a8
--- /dev/null
+++ b/src/app/main/producto/i18n/en.ts
@@ -0,0 +1,5 @@
+const locale = {
+	TITLE: 'Product'
+};
+
+export default locale;
\ No newline at end of file