From 346f17d563175269e53d9290065b91de8b37b8c5 Mon Sep 17 00:00:00 2001 From: ouertaniaziz Date: Mon, 30 Oct 2023 22:28:22 +0100 Subject: [PATCH 01/12] add reclamation --- .eslintrc.json | 11 +- README.md | 1 + src/App.js | 8 +- src/examples/Footer/index.js | 9 +- src/examples/Sidenav/index.js | 13 -- .../reclamation/data/authorsTableData.js | 177 +++++++++++++++++ .../reclamation/data/projectsTableData.js | 182 ++++++++++++++++++ src/layouts/reclamation/index.js | 75 ++++++++ src/routes.js | 19 +- 9 files changed, 456 insertions(+), 39 deletions(-) create mode 100644 src/layouts/reclamation/data/authorsTableData.js create mode 100644 src/layouts/reclamation/data/projectsTableData.js create mode 100644 src/layouts/reclamation/index.js diff --git a/.eslintrc.json b/.eslintrc.json index 4bc70daad..7ea77ddbd 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -3,7 +3,7 @@ "browser": true, "es2021": true }, - "extends": ["plugin:react/recommended", "prettier"], + "extends": ["plugin:react/recommended"], "parserOptions": { "ecmaFeatures": { "jsx": true @@ -11,14 +11,9 @@ "ecmaVersion": 12, "sourceType": "module" }, - "plugins": ["react", "prettier"], + "plugins": ["react"], "rules": { - "prettier/prettier": [ - "error", - { - "endOfLine": "auto" - } - ], + "react/display-name": "off", "default-param-last": "off", "react/react-in-jsx-scope": "off", diff --git a/README.md b/README.md index 863724f8f..a126a9c85 100644 --- a/README.md +++ b/README.md @@ -13,6 +13,7 @@ This free MUI & React Dashboard is coming with prebuilt design blocks, so the de switching from our pages to the real website is very easy to be done. Special thanks go to: + - [Nepcha Analytics](https://nepcha.com?ref=readme) for the analytics tool. Nepcha is already integrated with Material Dashboard React. You can use it to gain insights into your sources of traffic. **Documentation built by Developers** diff --git a/src/App.js b/src/App.js index 5ba40edb9..45fcd6d01 100644 --- a/src/App.js +++ b/src/App.js @@ -155,7 +155,7 @@ export default function App() { } {getRoutes(routes)} - } /> + } /> @@ -179,7 +179,7 @@ export default function App() { } {getRoutes(routes)} - } /> + } /> ); diff --git a/src/examples/Footer/index.js b/src/examples/Footer/index.js index 7acc80d1a..d15628f97 100644 --- a/src/examples/Footer/index.js +++ b/src/examples/Footer/index.js @@ -63,13 +63,14 @@ function Footer({ company, links }) { © {new Date().getFullYear()}, made with - favorite + Co-lance by -  {name}  + {" "} + 4Twin 2 Co-lance Team{" "} for a better web. @@ -90,9 +91,7 @@ function Footer({ company, links }) { mt: 0, }, })} - > - {renderLinks()} - + > ); } diff --git a/src/examples/Sidenav/index.js b/src/examples/Sidenav/index.js index 5efd2d2c7..ae2193d6e 100644 --- a/src/examples/Sidenav/index.js +++ b/src/examples/Sidenav/index.js @@ -179,19 +179,6 @@ function Sidenav({ color, brand, brandName, routes, ...rest }) { } /> {renderRoutes} - - - upgrade to pro - - ); } diff --git a/src/layouts/reclamation/data/authorsTableData.js b/src/layouts/reclamation/data/authorsTableData.js new file mode 100644 index 000000000..77be87274 --- /dev/null +++ b/src/layouts/reclamation/data/authorsTableData.js @@ -0,0 +1,177 @@ +/* eslint-disable react/prop-types */ +/* eslint-disable react/function-component-definition */ +/** +========================================================= +* Material Dashboard 2 React - v2.2.0 +========================================================= + +* Product Page: https://www.creative-tim.com/product/material-dashboard-react +* Copyright 2023 Creative Tim (https://www.creative-tim.com) + +Coded by www.creative-tim.com + + ========================================================= + +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. +*/ + +// Material Dashboard 2 React components +import MDBox from "components/MDBox"; +import MDTypography from "components/MDTypography"; +import MDAvatar from "components/MDAvatar"; +import MDBadge from "components/MDBadge"; + +// Images +import team2 from "assets/images/team-2.jpg"; +import team3 from "assets/images/team-3.jpg"; +import team4 from "assets/images/team-4.jpg"; + +export default function data() { + const Author = ({ image, name, email }) => ( + + + + + {name} + + {email} + + + ); + + const Job = ({ title, description }) => ( + + + {title} + + {description} + + ); + + return { + columns: [ + { Header: "author", accessor: "author", width: "45%", align: "left" }, + { Header: "function", accessor: "function", align: "left" }, + { Header: "status", accessor: "status", align: "center" }, + { Header: "employed", accessor: "employed", align: "center" }, + { Header: "action", accessor: "action", align: "center" }, + ], + + rows: [ + { + author: , + function: , + status: ( + + + + ), + employed: ( + + 23/04/18 + + ), + action: ( + + Edit + + ), + }, + { + author: , + function: , + status: ( + + + + ), + employed: ( + + 11/01/19 + + ), + action: ( + + Edit + + ), + }, + { + author: , + function: , + status: ( + + + + ), + employed: ( + + 19/09/17 + + ), + action: ( + + Edit + + ), + }, + { + author: , + function: , + status: ( + + + + ), + employed: ( + + 24/12/08 + + ), + action: ( + + Edit + + ), + }, + { + author: , + function: , + status: ( + + + + ), + employed: ( + + 04/10/21 + + ), + action: ( + + Edit + + ), + }, + { + author: , + function: , + status: ( + + + + ), + employed: ( + + 14/09/20 + + ), + action: ( + + Edit + + ), + }, + ], + }; +} diff --git a/src/layouts/reclamation/data/projectsTableData.js b/src/layouts/reclamation/data/projectsTableData.js new file mode 100644 index 000000000..fe02186e2 --- /dev/null +++ b/src/layouts/reclamation/data/projectsTableData.js @@ -0,0 +1,182 @@ +/* eslint-disable react/prop-types */ +/* eslint-disable react/function-component-definition */ +/** +========================================================= +* Material Dashboard 2 React - v2.2.0 +========================================================= + +* Product Page: https://www.creative-tim.com/product/material-dashboard-react +* Copyright 2023 Creative Tim (https://www.creative-tim.com) + +Coded by www.creative-tim.com + + ========================================================= + +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. +*/ + +// @mui material components +import Icon from "@mui/material/Icon"; + +// Material Dashboard 2 React components +import MDBox from "components/MDBox"; +import MDTypography from "components/MDTypography"; +import MDAvatar from "components/MDAvatar"; +import MDProgress from "components/MDProgress"; + +// Images +import LogoAsana from "assets/images/small-logos/logo-asana.svg"; +import logoGithub from "assets/images/small-logos/github.svg"; +import logoAtlassian from "assets/images/small-logos/logo-atlassian.svg"; +import logoSlack from "assets/images/small-logos/logo-slack.svg"; +import logoSpotify from "assets/images/small-logos/logo-spotify.svg"; +import logoInvesion from "assets/images/small-logos/logo-invision.svg"; + +export default function data() { + const Project = ({ image, name }) => ( + + + + {name} + + + ); + + const Progress = ({ color, value }) => ( + + + {value}% + + + + + + ); + + return { + columns: [ + { Header: "project", accessor: "project", width: "30%", align: "left" }, + { Header: "budget", accessor: "budget", align: "left" }, + { Header: "status", accessor: "status", align: "center" }, + { Header: "completion", accessor: "completion", align: "center" }, + { Header: "action", accessor: "action", align: "center" }, + ], + + rows: [ + { + project: , + budget: ( + + $2,500 + + ), + status: ( + + working + + ), + completion: , + action: ( + + more_vert + + ), + }, + { + project: , + budget: ( + + $5,000 + + ), + status: ( + + done + + ), + completion: , + action: ( + + more_vert + + ), + }, + { + project: , + budget: ( + + $3,400 + + ), + status: ( + + canceled + + ), + completion: , + action: ( + + more_vert + + ), + }, + { + project: , + budget: ( + + $14,000 + + ), + status: ( + + working + + ), + completion: , + action: ( + + more_vert + + ), + }, + { + project: , + budget: ( + + $1,000 + + ), + status: ( + + canceled + + ), + completion: , + action: ( + + more_vert + + ), + }, + { + project: , + budget: ( + + $2,300 + + ), + status: ( + + done + + ), + completion: , + action: ( + + more_vert + + ), + }, + ], + }; +} diff --git a/src/layouts/reclamation/index.js b/src/layouts/reclamation/index.js new file mode 100644 index 000000000..7b53473a2 --- /dev/null +++ b/src/layouts/reclamation/index.js @@ -0,0 +1,75 @@ +/** +========================================================= +* Material Dashboard 2 React - v2.2.0 +========================================================= + +* Product Page: https://www.creative-tim.com/product/material-dashboard-react +* Copyright 2023 Creative Tim (https://www.creative-tim.com) + +Coded by www.creative-tim.com + + ========================================================= + +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. +*/ + +// @mui material components +import Grid from "@mui/material/Grid"; +import Card from "@mui/material/Card"; + +// Material Dashboard 2 React components +import MDBox from "components/MDBox"; +import MDTypography from "components/MDTypography"; + +// Material Dashboard 2 React example components +import DashboardLayout from "examples/LayoutContainers/DashboardLayout"; +import DashboardNavbar from "examples/Navbars/DashboardNavbar"; +import Footer from "examples/Footer"; +import DataTable from "examples/Tables/DataTable"; + +// Data +import authorsTableData from "./data/authorsTableData"; + +function Reclamation() { + const { columns, rows } = authorsTableData(); + + return ( + + + + + + + + + Reclamation Table + + + + + + + + + +