From b3f939ccdc1b6c791210e144d5e493e15d0434e3 Mon Sep 17 00:00:00 2001 From: Rodolfo Ruiz Date: Tue, 3 Jun 2025 20:53:13 -0600 Subject: [PATCH] feat: adding the table with products --- package-lock.json | 75 +++++++++++++++++++++++++++++ package.json | 1 + src/App.jsx | 12 +++-- src/components/AppHeader.jsx | 2 +- src/components/MenuDrawer.jsx | 2 +- src/components/SectionContainer.jsx | 18 +++++++ src/private/Admin.jsx | 40 +++++++++++++++ 7 files changed, 144 insertions(+), 6 deletions(-) create mode 100644 src/components/SectionContainer.jsx create mode 100644 src/private/Admin.jsx diff --git a/package-lock.json b/package-lock.json index e4b0825..25c08f6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,6 +13,7 @@ "@fontsource/roboto": "^5.2.5", "@mui/icons-material": "^7.1.0", "@mui/material": "^7.1.0", + "@mui/x-data-grid": "^8.5.0", "react": "^19.1.0", "react-dom": "^19.1.0" }, @@ -1429,6 +1430,65 @@ } } }, + "node_modules/@mui/x-data-grid": { + "version": "8.5.0", + "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-8.5.0.tgz", + "integrity": "sha512-5rrMm9anFaLk9O5XRIw3J9tAAnaiE1GxFeocyqhDj23RUReMg0YSp3FYnCaFLAehRQVgT9pC4675XO571paxKw==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.27.1", + "@mui/utils": "^7.0.2", + "@mui/x-internals": "8.5.0", + "clsx": "^2.1.1", + "prop-types": "^15.8.1", + "reselect": "^5.1.1", + "use-sync-external-store": "^1.5.0" + }, + "engines": { + "node": ">=14.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@emotion/react": "^11.9.0", + "@emotion/styled": "^11.8.1", + "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0", + "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + } + } + }, + "node_modules/@mui/x-internals": { + "version": "8.5.0", + "resolved": "https://registry.npmjs.org/@mui/x-internals/-/x-internals-8.5.0.tgz", + "integrity": "sha512-Ef4KJij1pBGk6/xILyVZHf76tcuRpJIX30k4Ghklsd5QJujZ9ENCGAjvd7aWRAFAs5p3ffn0H8UDESoIcroj1Q==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.27.1", + "@mui/utils": "^7.0.2" + }, + "engines": { + "node": ">=14.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, "node_modules/@popperjs/core": { "version": "2.11.8", "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", @@ -3785,6 +3845,12 @@ "react-dom": ">=16.6.0" } }, + "node_modules/reselect": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz", + "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==", + "license": "MIT" + }, "node_modules/resolve": { "version": "1.22.10", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz", @@ -4239,6 +4305,15 @@ "punycode": "^2.1.0" } }, + "node_modules/use-sync-external-store": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.5.0.tgz", + "integrity": "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==", + "license": "MIT", + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, "node_modules/vary": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", diff --git a/package.json b/package.json index f42f89e..a7ad2cf 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "@fontsource/roboto": "^5.2.5", "@mui/icons-material": "^7.1.0", "@mui/material": "^7.1.0", + "@mui/x-data-grid": "^8.5.0", "react": "^19.1.0", "react-dom": "^19.1.0" }, diff --git a/src/App.jsx b/src/App.jsx index 31c1d45..56bd95a 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,9 +1,12 @@ import { useState } from 'react' import Background from "./components/Background"; +import VideoBackground from "./components/VimeoEmbed"; import AppHeader from './components/AppHeader'; import Footer from './components/Footer'; import Box from '@mui/material/Box'; +import Admin from './private/Admin'; + import './App.css' function App() { @@ -12,7 +15,8 @@ function App() { return ( <> - + {/* */} + -

Welcome to the Fendi Casa Experience

-

This is a sample box.

- + {zone === 'private' && } + {zone === 'restricted' && } + {zone === 'public' && }