From 73c4e808611fe99545cb694988f4894a5975668c Mon Sep 17 00:00:00 2001 From: shelcia Date: Wed, 2 Mar 2022 11:19:54 +0530 Subject: [PATCH] todo --- package-lock.json | 198 ++++++++++++++++++++ package.json | 1 + src/common/ButtonGroups.jsx | 35 ++++ src/components/CustomButton.jsx | 6 +- src/components/CustomTable.jsx | 9 +- src/content/headers/Contacts.jsx | 37 ++++ src/pages/admin/contact/Contacts.jsx | 16 +- src/pages/admin/todo/Todos.jsx | 229 ++++++++++++++++++++++-- src/styles/components/_overrides.scss | 10 ++ src/styles/style.css | 4 + src/styles/style.css.map | 2 +- src/theme/components/table/tableCell.js | 1 + 12 files changed, 522 insertions(+), 26 deletions(-) create mode 100644 src/common/ButtonGroups.jsx create mode 100644 src/content/headers/Contacts.jsx diff --git a/package-lock.json b/package-lock.json index 1813184..a025e29 100644 --- a/package-lock.json +++ b/package-lock.json @@ -20,6 +20,7 @@ "chroma-js": "^2.4.2", "prop-types": "^15.8.1", "react": "^17.0.2", + "react-beautiful-dnd": "^13.1.0", "react-dom": "^17.0.2", "react-hot-toast": "^2.2.0", "react-router-dom": "^6.2.1", @@ -3896,6 +3897,15 @@ "@types/node": "*" } }, + "node_modules/@types/hoist-non-react-statics": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz", + "integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==", + "dependencies": { + "@types/react": "*", + "hoist-non-react-statics": "^3.3.0" + } + }, "node_modules/@types/html-minifier-terser": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", @@ -4014,6 +4024,17 @@ "@types/react": "*" } }, + "node_modules/@types/react-redux": { + "version": "7.1.22", + "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.22.tgz", + "integrity": "sha512-GxIA1kM7ClU73I6wg9IRTVwSO9GS+SAKZKe0Enj+82HMU6aoESFU2HNAdNi3+J53IaOHPiUfT3kSG4L828joDQ==", + "dependencies": { + "@types/hoist-non-react-statics": "^3.3.0", + "@types/react": "*", + "hoist-non-react-statics": "^3.3.0", + "redux": "^4.0.0" + } + }, "node_modules/@types/react-transition-group": { "version": "4.4.4", "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.4.tgz", @@ -5957,6 +5978,14 @@ "postcss": "^8.4" } }, + "node_modules/css-box-model": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.1.tgz", + "integrity": "sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==", + "dependencies": { + "tiny-invariant": "^1.0.6" + } + }, "node_modules/css-declaration-sorter": { "version": "6.1.4", "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.1.4.tgz", @@ -11382,6 +11411,11 @@ "node": ">= 4.0.0" } }, + "node_modules/memoize-one": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz", + "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==" + }, "node_modules/merge-descriptors": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", @@ -13473,6 +13507,11 @@ "performance-now": "^2.1.0" } }, + "node_modules/raf-schd": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/raf-schd/-/raf-schd-4.0.3.tgz", + "integrity": "sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ==" + }, "node_modules/randombytes": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz", @@ -13550,6 +13589,24 @@ "node": ">=14" } }, + "node_modules/react-beautiful-dnd": { + "version": "13.1.0", + "resolved": "https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-13.1.0.tgz", + "integrity": "sha512-aGvblPZTJowOWUNiwd6tNfEpgkX5OxmpqxHKNW/4VmvZTNTbeiq7bA3bn5T+QSF2uibXB0D1DmJsb1aC/+3cUA==", + "dependencies": { + "@babel/runtime": "^7.9.2", + "css-box-model": "^1.2.0", + "memoize-one": "^5.1.1", + "raf-schd": "^4.0.2", + "react-redux": "^7.2.0", + "redux": "^4.0.4", + "use-memo-one": "^1.1.1" + }, + "peerDependencies": { + "react": "^16.8.5 || ^17.0.0", + "react-dom": "^16.8.5 || ^17.0.0" + } + }, "node_modules/react-dev-utils": { "version": "12.0.0", "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.0.tgz", @@ -13705,6 +13762,35 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" }, + "node_modules/react-redux": { + "version": "7.2.6", + "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.6.tgz", + "integrity": "sha512-10RPdsz0UUrRL1NZE0ejTkucnclYSgXp5q+tB5SWx2qeG2ZJQJyymgAhwKy73yiL/13btfB6fPr+rgbMAaZIAQ==", + "dependencies": { + "@babel/runtime": "^7.15.4", + "@types/react-redux": "^7.1.20", + "hoist-non-react-statics": "^3.3.2", + "loose-envify": "^1.4.0", + "prop-types": "^15.7.2", + "react-is": "^17.0.2" + }, + "peerDependencies": { + "react": "^16.8.3 || ^17" + }, + "peerDependenciesMeta": { + "react-dom": { + "optional": true + }, + "react-native": { + "optional": true + } + } + }, + "node_modules/react-redux/node_modules/react-is": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" + }, "node_modules/react-refresh": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", @@ -13882,6 +13968,14 @@ "node": ">=8" } }, + "node_modules/redux": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/redux/-/redux-4.1.2.tgz", + "integrity": "sha512-SH8PglcebESbd/shgf6mii6EIoRM0zrQyjcuQ+ojmfxjTtE0z9Y8pa62iA/OJ58qjP6j27uyW4kUF4jl/jd6sw==", + "dependencies": { + "@babel/runtime": "^7.9.2" + } + }, "node_modules/regenerate": { "version": "1.4.2", "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz", @@ -15313,6 +15407,11 @@ "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz", "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=" }, + "node_modules/tiny-invariant": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.2.0.tgz", + "integrity": "sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg==" + }, "node_modules/tmpl": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz", @@ -15598,6 +15697,14 @@ "punycode": "^2.1.0" } }, + "node_modules/use-memo-one": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.2.tgz", + "integrity": "sha512-u2qFKtxLsia/r8qG0ZKkbytbztzRb317XCkT7yP8wxL0tZ/CzK2G+WWie5vWvpyeP7+YoPIwbJoIHJ4Ba4k0oQ==", + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0" + } + }, "node_modules/util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", @@ -19263,6 +19370,15 @@ "@types/node": "*" } }, + "@types/hoist-non-react-statics": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz", + "integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==", + "requires": { + "@types/react": "*", + "hoist-non-react-statics": "^3.3.0" + } + }, "@types/html-minifier-terser": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", @@ -19381,6 +19497,17 @@ "@types/react": "*" } }, + "@types/react-redux": { + "version": "7.1.22", + "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.22.tgz", + "integrity": "sha512-GxIA1kM7ClU73I6wg9IRTVwSO9GS+SAKZKe0Enj+82HMU6aoESFU2HNAdNi3+J53IaOHPiUfT3kSG4L828joDQ==", + "requires": { + "@types/hoist-non-react-statics": "^3.3.0", + "@types/react": "*", + "hoist-non-react-statics": "^3.3.0", + "redux": "^4.0.0" + } + }, "@types/react-transition-group": { "version": "4.4.4", "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.4.tgz", @@ -20855,6 +20982,14 @@ "postcss-selector-parser": "^6.0.9" } }, + "css-box-model": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.1.tgz", + "integrity": "sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==", + "requires": { + "tiny-invariant": "^1.0.6" + } + }, "css-declaration-sorter": { "version": "6.1.4", "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.1.4.tgz", @@ -24775,6 +24910,11 @@ "fs-monkey": "1.0.3" } }, + "memoize-one": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz", + "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==" + }, "merge-descriptors": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", @@ -26145,6 +26285,11 @@ "performance-now": "^2.1.0" } }, + "raf-schd": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/raf-schd/-/raf-schd-4.0.3.tgz", + "integrity": "sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ==" + }, "randombytes": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz", @@ -26206,6 +26351,20 @@ "whatwg-fetch": "^3.6.2" } }, + "react-beautiful-dnd": { + "version": "13.1.0", + "resolved": "https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-13.1.0.tgz", + "integrity": "sha512-aGvblPZTJowOWUNiwd6tNfEpgkX5OxmpqxHKNW/4VmvZTNTbeiq7bA3bn5T+QSF2uibXB0D1DmJsb1aC/+3cUA==", + "requires": { + "@babel/runtime": "^7.9.2", + "css-box-model": "^1.2.0", + "memoize-one": "^5.1.1", + "raf-schd": "^4.0.2", + "react-redux": "^7.2.0", + "redux": "^4.0.4", + "use-memo-one": "^1.1.1" + } + }, "react-dev-utils": { "version": "12.0.0", "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.0.tgz", @@ -26320,6 +26479,26 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" }, + "react-redux": { + "version": "7.2.6", + "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.6.tgz", + "integrity": "sha512-10RPdsz0UUrRL1NZE0ejTkucnclYSgXp5q+tB5SWx2qeG2ZJQJyymgAhwKy73yiL/13btfB6fPr+rgbMAaZIAQ==", + "requires": { + "@babel/runtime": "^7.15.4", + "@types/react-redux": "^7.1.20", + "hoist-non-react-statics": "^3.3.2", + "loose-envify": "^1.4.0", + "prop-types": "^15.7.2", + "react-is": "^17.0.2" + }, + "dependencies": { + "react-is": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" + } + } + }, "react-refresh": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", @@ -26453,6 +26632,14 @@ "strip-indent": "^3.0.0" } }, + "redux": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/redux/-/redux-4.1.2.tgz", + "integrity": "sha512-SH8PglcebESbd/shgf6mii6EIoRM0zrQyjcuQ+ojmfxjTtE0z9Y8pa62iA/OJ58qjP6j27uyW4kUF4jl/jd6sw==", + "requires": { + "@babel/runtime": "^7.9.2" + } + }, "regenerate": { "version": "1.4.2", "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz", @@ -27502,6 +27689,11 @@ "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz", "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=" }, + "tiny-invariant": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.2.0.tgz", + "integrity": "sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg==" + }, "tmpl": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz", @@ -27713,6 +27905,12 @@ "punycode": "^2.1.0" } }, + "use-memo-one": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.2.tgz", + "integrity": "sha512-u2qFKtxLsia/r8qG0ZKkbytbztzRb317XCkT7yP8wxL0tZ/CzK2G+WWie5vWvpyeP7+YoPIwbJoIHJ4Ba4k0oQ==", + "requires": {} + }, "util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", diff --git a/package.json b/package.json index 8473798..fdc3be1 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "chroma-js": "^2.4.2", "prop-types": "^15.8.1", "react": "^17.0.2", + "react-beautiful-dnd": "^13.1.0", "react-dom": "^17.0.2", "react-hot-toast": "^2.2.0", "react-router-dom": "^6.2.1", diff --git a/src/common/ButtonGroups.jsx b/src/common/ButtonGroups.jsx new file mode 100644 index 0000000..5de1315 --- /dev/null +++ b/src/common/ButtonGroups.jsx @@ -0,0 +1,35 @@ +import React from "react"; +import CustomButton from "../components/CustomButton"; +import PropTypes from "prop-types"; + +const ButtonGroups = ({ + value1 = "Cancel", + handler1 = () => {}, + value2 = "Proceed", + handler2 = () => {}, + classes = "mt-0", + alignment = "text-end", +}) => { + return ( +
+ + {value1} + + + {value2} + +
+ ); +}; + +export default ButtonGroups; + +ButtonGroups.propTypes = { + value1: PropTypes.string, + handler1: PropTypes.func, + value2: PropTypes.string, + handler2: PropTypes.func, + classes: PropTypes.string, + alignment: PropTypes.string, + // size: PropTypes.oneOf(["xs", "sm", "md", "lg", "xl", "xxl"]), +}; diff --git a/src/components/CustomButton.jsx b/src/components/CustomButton.jsx index 50a9ccd..8fde8c9 100644 --- a/src/components/CustomButton.jsx +++ b/src/components/CustomButton.jsx @@ -120,9 +120,9 @@ const StyledButton = styled(Button)(({ theme, ownerState }) => { const gradientStyles = () => { // background value const backgroundValue = linearGradient( - palette.gradients[color].main, - palette.gradients[color].state, - palette.gradients[color].deg + palette.gradients[color]?.main, + palette.gradients[color]?.state, + palette.gradients[color]?.deg ); // "linear-gradient(126.97deg, rgba(222, 11, 40, 0.74) 28.26%, rgba(10, 14, 35, 0.71) 91.2%)"; diff --git a/src/components/CustomTable.jsx b/src/components/CustomTable.jsx index 4b3cb13..a6a9d43 100644 --- a/src/components/CustomTable.jsx +++ b/src/components/CustomTable.jsx @@ -141,7 +141,7 @@ const EnhancedTableToolbar = (props) => { {numSelected} selected @@ -152,6 +152,7 @@ const EnhancedTableToolbar = (props) => { variant="h6" id="tableTitle" component="div" + color="inherit" > {title} @@ -247,7 +248,7 @@ const CustomTable = ({ headers, rows, rowSyntax, title }) => { { {row[rowSyn?.name]} diff --git a/src/content/headers/Contacts.jsx b/src/content/headers/Contacts.jsx new file mode 100644 index 0000000..03436a5 --- /dev/null +++ b/src/content/headers/Contacts.jsx @@ -0,0 +1,37 @@ +const headers = [ + { + id: "name", + numeric: false, + label: "Contact Name", + }, + { + id: "email", + numeric: false, + label: "Contact Email", + }, + { + id: "phoneNo", + numeric: true, + label: "Phone Number", + }, + { + id: "company", + numeric: false, + label: "Company", + }, + { + id: "lastActivity", + numeric: false, + label: "Last Activity", + }, + { + id: "leadStatus", + numeric: false, + label: "Lead Status", + }, + { + id: "createdAt", + numeric: false, + label: "Created At", + }, +]; diff --git a/src/pages/admin/contact/Contacts.jsx b/src/pages/admin/contact/Contacts.jsx index af3a287..e6ba6b7 100644 --- a/src/pages/admin/contact/Contacts.jsx +++ b/src/pages/admin/contact/Contacts.jsx @@ -4,6 +4,7 @@ import CustomBox from "../../../components/CustomBox"; import CustomTable from "../../../components/CustomTable"; import useTitle from "../../../hooks/useTitle"; import Footer from "../../../layout/common/Footer"; +import ButtonGroups from "../../../common/ButtonGroups"; // import toast from "react-hot-toast"; const Contacts = () => { @@ -158,32 +159,32 @@ const Contacts = () => { }, { name: "email", - align: "right", + align: "left", func: null, }, { name: "phoneNo", - align: "right", + align: "left", func: null, }, { name: "company", - align: "right", + align: "left", func: null, }, { name: "lastActivity", - align: "right", + align: "left", func: null, }, { name: "leadStatus", - align: "right", + align: "left", func: null, }, { name: "createdAt", - align: "right", + align: "left", func: null, }, // { @@ -208,12 +209,13 @@ const Contacts = () => { + diff --git a/src/pages/admin/todo/Todos.jsx b/src/pages/admin/todo/Todos.jsx index f1198ad..052f0a4 100644 --- a/src/pages/admin/todo/Todos.jsx +++ b/src/pages/admin/todo/Todos.jsx @@ -1,28 +1,233 @@ -import React from "react"; -import { Card, Toolbar } from "@mui/material"; +import React, { useState } from "react"; +import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd"; +import { Toolbar } from "@mui/material"; +import CustomButton from "../../../components/CustomButton"; +import CustomTypography from "../../../components/CustomTypography"; import CustomBox from "../../../components/CustomBox"; -import useTitle from "../../../hooks/useTitle"; +import boxShadow from "../../../theme/functions/boxShadow"; +import colors from "../../../theme/base/colors"; -const Todos = () => { - useTitle("Todos"); +const reorder = (list, startIndex, endIndex) => { + const result = Array.from(list); + const [removed] = result.splice(startIndex, 1); + result.splice(endIndex, 0, removed); + + return result; +}; + +/** + * Moves an item from one list to another list. + */ +const move = (source, destination, droppableSource, droppableDestination) => { + const sourceClone = Array.from(source); + const destClone = Array.from(destination); + const [removed] = sourceClone.splice(droppableSource.index, 1); + + destClone.splice(droppableDestination.index, 0, removed); + + const result = {}; + result[droppableSource.droppableId] = sourceClone; + result[droppableDestination.droppableId] = destClone; + + return result; +}; +const grid = 8; + +function QuoteApp() { + const [boards, setBoards] = useState([ + [ + { + createdAt: "2022-03-01T10:45:06.620Z", + title: "qui", + desc: "Enim et officiis maxime magnam quia vitae asperiores qui.", + deadline: "2022-09-07T12:56:17.145Z", + assignedTo: ["Jim"], + comments: ["eee"], + id: "1", + }, + { + createdAt: "2022-02-28T17:49:01.306Z", + title: "tempora", + desc: "Fugit voluptatem aut aspernatur rerum.", + deadline: "2023-02-02T09:03:00.989Z", + assignedTo: ["Jim"], + comments: ["eee"], + id: "2", + }, + ], + [ + { + createdAt: "2022-03-01T10:45:06.620Z", + title: "qui", + desc: "Enim et officiis maxime magnam quia vitae asperiores qui.", + deadline: "2022-09-07T12:56:17.145Z", + assignedTo: ["Jim"], + comments: ["eee"], + id: "3", + }, + { + createdAt: "2022-02-28T17:49:01.306Z", + title: "tempora", + desc: "Fugit voluptatem aut aspernatur rerum.", + deadline: "2023-02-02T09:03:00.989Z", + assignedTo: ["Jim"], + comments: ["eee"], + id: "4", + }, + ], + ]); + + function onDragEnd(result) { + const { source, destination } = result; + + // dropped outside the list + if (!destination) { + return; + } + const sInd = +source.droppableId; + const dInd = +destination.droppableId; + + if (sInd === dInd) { + const items = reorder(boards[sInd], source.index, destination.index); + const newState = [...boards]; + newState[sInd] = items; + setBoards(newState); + } else { + const result = move(boards[sInd], boards[dInd], source, destination); + const newState = [...boards]; + newState[sInd] = result[sInd]; + newState[dInd] = result[dInd]; + + setBoards(newState.filter((group) => group.length)); + } + } + + const { black } = colors; return ( +
+ { + setBoards([...boards, []]); + }} + color="info" + variant="gradient" + > + Add new Board + +
- - - +
+ + {boards.map((todos, ind) => ( + + {(provided, snapshot) => ( +
+ + Title + + {todos.map((item, index) => ( + + {(provided, snapshot) => ( +
+
+ {item?.title} +
+
+ )} + + ))} + + Add Item + + {/* {provided.placeholder} */} +
+ )} + + ))} + +
); -}; +} + +export default QuoteApp; -export default Todos; +// {/* */} diff --git a/src/styles/components/_overrides.scss b/src/styles/components/_overrides.scss index 46dab09..9499568 100644 --- a/src/styles/components/_overrides.scss +++ b/src/styles/components/_overrides.scss @@ -24,6 +24,16 @@ thead th { color: #f8f9fa !important; } +.MuiTablePagination-root { + color: #f8f9fa !important; +} + +// table, +// td, +// th { +// font-size: 14px; +// } + // .css-hicy8g-MuiTableCell-root { // border-bottom: 0.004rem solid #e9ecef51 !important; // // border: none !important; diff --git a/src/styles/style.css b/src/styles/style.css index a5b2316..ffd48dc 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -20,6 +20,10 @@ thead th { color: #f8f9fa !important; } +.MuiTablePagination-root { + color: #f8f9fa !important; +} + * { -webkit-box-sizing: border-box; box-sizing: border-box; diff --git a/src/styles/style.css.map b/src/styles/style.css.map index 1f274cd..8e562c8 100644 --- a/src/styles/style.css.map +++ b/src/styles/style.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "ACIA,AAAA,2BAA2B,CAAC,kBAAkB,CAAC;EAC7C,KAAK,EAAE,eAAe;CACvB;;AAED,AAAA,EAAE;AACF,EAAE,CAAC;EACD,KAAK,EAAE,kBAAkB;CAC1B;;AAED,AAAA,KAAK,CAAC,EAAE,CAAC;EACP,KAAK,EAAE,kBAAkB;EACzB,cAAc,EAAE,SAAS;CAC1B;;AAED,AAAA,sDAAsD,AAAA,WAAW,CAAC;EAChE,KAAK,EAAE,kBAAkB;CAC1B;;AAED,AAAA,uBAAuB,CAAC;EACtB,KAAK,EAAE,kBAAkB;CAC1B;;ADtBD,AAAA,CAAC,CAAC;EACA,UAAU,EAAE,UAAU;EACtB,MAAM,EAAE,GAAG;EACX,OAAO,EAAE,GAAG;EACZ,WAAW,EAAE,mGACqB;EAClC,eAAe,EAAE,MAAM;CACxB", + "mappings": "ACIA,AAAA,2BAA2B,CAAC,kBAAkB,CAAC;EAC7C,KAAK,EAAE,eAAe;CACvB;;AAED,AAAA,EAAE;AACF,EAAE,CAAC;EACD,KAAK,EAAE,kBAAkB;CAC1B;;AAED,AAAA,KAAK,CAAC,EAAE,CAAC;EACP,KAAK,EAAE,kBAAkB;EACzB,cAAc,EAAE,SAAS;CAC1B;;AAED,AAAA,sDAAsD,AAAA,WAAW,CAAC;EAChE,KAAK,EAAE,kBAAkB;CAC1B;;AAED,AAAA,uBAAuB,CAAC;EACtB,KAAK,EAAE,kBAAkB;CAC1B;;AAED,AAAA,wBAAwB,CAAC;EACvB,KAAK,EAAE,kBAAkB;CAC1B;;AD1BD,AAAA,CAAC,CAAC;EACA,UAAU,EAAE,UAAU;EACtB,MAAM,EAAE,GAAG;EACX,OAAO,EAAE,GAAG;EACZ,WAAW,EAAE,mGACqB;EAClC,eAAe,EAAE,MAAM;CACxB", "sources": [ "style.scss", "components/_overrides.scss" diff --git a/src/theme/components/table/tableCell.js b/src/theme/components/table/tableCell.js index d14cffe..8bdb535 100644 --- a/src/theme/components/table/tableCell.js +++ b/src/theme/components/table/tableCell.js @@ -38,6 +38,7 @@ export default { // pl: "0px !important", // }, color: white, + fontSize: 14, // borderBottom: `${borderWidth[1]} solid ${light.main} !important`, borderBottom: `${borderWidth[1]} solid rgb(45, 55, 72) !important`, },