diff --git a/src/components/Subscription/SubscriptionModal.js b/src/components/Subscription/SubscriptionModal.js deleted file mode 100644 index 8dc9d186..00000000 --- a/src/components/Subscription/SubscriptionModal.js +++ /dev/null @@ -1,43 +0,0 @@ -// src/components/Subscription/SubscriptionModal.js -import React from 'react'; -import { - Modal, - ModalOverlay, - ModalContent, - ModalHeader, - ModalBody, - ModalCloseButton, - Icon, - HStack, - Text, - useColorModeValue, -} from '@chakra-ui/react'; -import { Star } from 'lucide-react'; -import PropTypes from 'prop-types'; -import SubscriptionContent from './SubscriptionContent'; -import { GLASS_BLUR } from '@/constants/glassConfig'; - -export default function SubscriptionModal({ isOpen, onClose }) { - return ( - - - - - - - 订阅管理 - - - - - - - - - ); -} - -SubscriptionModal.propTypes = { - isOpen: PropTypes.bool.isRequired, - onClose: PropTypes.func.isRequired, -}; diff --git a/src/components/Tables/BasicTable.js b/src/components/Tables/BasicTable.js deleted file mode 100755 index ea92b582..00000000 --- a/src/components/Tables/BasicTable.js +++ /dev/null @@ -1,283 +0,0 @@ -/*! - -========================================================= -* Argon Dashboard Chakra PRO - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro -* Copyright 2022 Creative Tim (https://www.creative-tim.com/) - -* Designed and Coded by Simmmple & Creative Tim - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -*/ - -import { - Button, - Flex, - Icon, - NumberDecrementStepper, - NumberIncrementStepper, - NumberInput, - NumberInputField, - NumberInputStepper, - Select, - Stack, - Table, - Tbody, - Td, - Text, - Th, - Thead, - Tr, -} from "@chakra-ui/react"; -import React, { useMemo } from "react"; -import { ChevronRight, ChevronLeft, ChevronDown, ChevronUp, ChevronsUpDown } from "lucide-react"; -import { usePagination, useSortBy, useTable } from "react-table"; - -function BasicTable(props) { - const { columnsData, tableData } = props; - const columns = useMemo(() => columnsData, []); - const data = useMemo(() => tableData, []); - - const tableInstance = useTable( - { - columns, - data, - }, - useSortBy, - usePagination - ); - - const { - getTableProps, - getTableBodyProps, - headerGroups, - page, - gotoPage, - pageCount, - prepareRow, - nextPage, - previousPage, - canNextPage, - canPreviousPage, - setPageSize, - - state, - } = tableInstance; - - const createPages = (count) => { - let arrPageCount = []; - - for (let i = 1; i <= count; i++) { - arrPageCount.push(i); - } - - return arrPageCount; - }; - - const { pageIndex, pageSize } = state; - return ( - <> - - - - - entries per page - - - - - {headerGroups.map((headerGroup, index) => ( - - {headerGroup.headers.map((column, index) => ( - - ))} - - ))} - - - {page.map((row, index) => { - prepareRow(row); - return ( - - {row.cells.map((cell, index) => { - return ( - - ); - })} - - ); - })} - -
- - {column.render("Header")} - - -
- {cell.render("Cell")} -
- - - Showing {pageSize * pageIndex + 1} to{" "} - {pageSize * (pageIndex + 1) <= tableData.length - ? pageSize * (pageIndex + 1) - : tableData.length}{" "} - of {tableData.length} entries - - - - {pageSize === 5 ? ( - gotoPage(e)} - > - - - nextPage()} /> - previousPage()} /> - - - ) : ( - createPages(pageCount).map((pageNumber, index) => { - return ( - - ); - }) - )} - - - - - - ); -} - -export default BasicTable; diff --git a/src/components/Tables/DashboardTableRow.js b/src/components/Tables/DashboardTableRow.js deleted file mode 100755 index 764fb77b..00000000 --- a/src/components/Tables/DashboardTableRow.js +++ /dev/null @@ -1,89 +0,0 @@ -/*! - -========================================================= -* Argon Dashboard Chakra PRO - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro -* Copyright 2022 Creative Tim (https://www.creative-tim.com/) - -* Designed and Coded by Simmmple & Creative Tim - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -*/ - -import { - Avatar, - AvatarGroup, - Flex, - Icon, - Progress, - Td, - Text, - Tr, - useColorModeValue, -} from "@chakra-ui/react"; -import React from "react"; - -function DashboardTableRow(props) { - const { logo, name, members, budget, progression } = props; - const textColor = useColorModeValue("gray.700", "white"); - return ( - - - - - - {name} - - - - - - - {members.map((member, index) => { - return ( - - ); - })} - - - - - {budget} - - - - - {`${progression}%`} - - - - - ); -} - -export default DashboardTableRow; diff --git a/src/components/Tables/SearchTable1.js b/src/components/Tables/SearchTable1.js deleted file mode 100755 index 46e6dbd9..00000000 --- a/src/components/Tables/SearchTable1.js +++ /dev/null @@ -1,307 +0,0 @@ -/*! - -========================================================= -* Argon Dashboard Chakra PRO - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro -* Copyright 2022 Creative Tim (https://www.creative-tim.com/) - -* Designed and Coded by Simmmple & Creative Tim - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -*/ - -import { - Button, - Flex, - Icon, - Input, - NumberDecrementStepper, - NumberIncrementStepper, - NumberInput, - NumberInputField, - NumberInputStepper, - Select, - Stack, - Table, - Tbody, - Td, - Text, - Th, - Thead, - Tr, -} from "@chakra-ui/react"; -import React, { useMemo } from "react"; -import { ChevronRight, ChevronLeft, ChevronDown, ChevronUp, ChevronsUpDown } from "lucide-react"; -import { - useGlobalFilter, - usePagination, - useSortBy, - useTable, -} from "react-table"; - -function SearchTable1(props) { - const { columnsData, tableData } = props; - - const columns = useMemo(() => columnsData, []); - const data = useMemo(() => tableData, []); - - const tableInstance = useTable( - { - columns, - data, - }, - useGlobalFilter, - useSortBy, - usePagination - ); - - const { - getTableProps, - getTableBodyProps, - headerGroups, - page, - gotoPage, - pageCount, - prepareRow, - nextPage, - previousPage, - canNextPage, - canPreviousPage, - setPageSize, - setGlobalFilter, - state, - } = tableInstance; - - const createPages = (count) => { - let arrPageCount = []; - - for (let i = 1; i <= count; i++) { - arrPageCount.push(i); - } - - return arrPageCount; - }; - - const { pageIndex, pageSize, globalFilter } = state; - - return ( - <> - - - - - - entries per page - - - setGlobalFilter(e.target.value)} - /> - - - - {headerGroups.map((headerGroup, index) => ( - - {headerGroup.headers.map((column, index) => ( - - ))} - - ))} - - - {page.map((row, index) => { - prepareRow(row); - return ( - - {row.cells.map((cell, index) => { - return ( - - ); - })} - - ); - })} - -
- - {column.render("Header")} - - -
- {cell.render("Cell")} -
- - - Showing {pageSize * pageIndex + 1} to{" "} - {pageSize * (pageIndex + 1) <= tableData.length - ? pageSize * (pageIndex + 1) - : tableData.length}{" "} - of {tableData.length} entries - - - - {pageSize === 5 ? ( - gotoPage(e)} - > - - - nextPage()} /> - previousPage()} /> - - - ) : ( - createPages(pageCount).map((pageNumber, index) => { - return ( - - ); - }) - )} - - - - - - ); -} - -export default SearchTable1; diff --git a/src/components/Tables/SearchTable2.js b/src/components/Tables/SearchTable2.js deleted file mode 100755 index 2211c3ca..00000000 --- a/src/components/Tables/SearchTable2.js +++ /dev/null @@ -1,352 +0,0 @@ -/*! - -========================================================= -* Argon Dashboard Chakra PRO - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro -* Copyright 2022 Creative Tim (https://www.creative-tim.com/) - -* Designed and Coded by Simmmple & Creative Tim - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -*/ - -import { - Avatar, - Box, - Button, - Checkbox, - Flex, - Icon, - Input, - NumberDecrementStepper, - NumberIncrementStepper, - NumberInput, - NumberInputField, - NumberInputStepper, - Stack, - Table, - Tbody, - Td, - Text, - Th, - Thead, - Tr, - useColorModeValue, -} from "@chakra-ui/react"; -import React, { useMemo } from "react"; -import { SearchBar } from "components/Navbars/SearchBar/SearchBar"; -import { RotateCcw, Check, X, CheckCircle, XCircle, Undo2, ChevronRight, ChevronLeft, ChevronDown, ChevronUp, ChevronsUpDown } from "lucide-react"; -import { - useGlobalFilter, - usePagination, - useSortBy, - useTable, -} from "react-table"; - -function SearchTable2(props) { - const { columnsData, tableData } = props; - - const columns = useMemo(() => columnsData, []); - const data = useMemo(() => tableData, []); - - const tableInstance = useTable( - { - columns, - data, - }, - useGlobalFilter, - useSortBy, - usePagination - ); - - const { - getTableProps, - getTableBodyProps, - headerGroups, - page, - gotoPage, - pageCount, - prepareRow, - nextPage, - previousPage, - canNextPage, - canPreviousPage, - setPageSize, - setGlobalFilter, - state, - } = tableInstance; - - const createPages = (count) => { - let arrPageCount = []; - - for (let i = 1; i <= count; i++) { - arrPageCount.push(i); - } - - return arrPageCount; - }; - - const { pageIndex, pageSize, globalFilter } = state; - - return ( - <> - - - setGlobalFilter(e.target.value)} - /> - - - - {headerGroups.map((headerGroup, index) => ( - - {headerGroup.headers.map((column, index) => ( - - ))} - - ))} - - - {page.map((row, index) => { - prepareRow(row); - return ( - - {row.cells.map((cell, index) => { - let data = ""; - if (cell.column.Header === "STATUS") { - data = ( - - - - - {cell.value} - - ); - } else if (cell.column.Header === "ID") { - data = ( - - - {cell.value} - - ); - } else if (cell.column.Header === "DATE") { - data = {cell.value}; - } else if (cell.column.Header === "CUSTOMER") { - data = ( - - - {cell.value} - - ); - } else if (cell.column.Header === "PRODUCT") { - data = {cell.value}; - } else if (cell.column.Header === "REVENUE") { - data = {cell.value}; - } - return ( - - ); - })} - - ); - })} - -
- - {column.render("Header")} - - -
- {data} -
- - - Showing {pageSize * pageIndex + 1} to{" "} - {pageSize * (pageIndex + 1) <= tableData.length - ? pageSize * (pageIndex + 1) - : tableData.length}{" "} - of {tableData.length} entries - - - - {pageSize === 5 ? ( - gotoPage(e)} - > - - - nextPage()} /> - previousPage()} /> - - - ) : ( - createPages(pageCount).map((pageNumber, index) => { - return ( - - ); - }) - )} - - - - - - ); -} - -export default SearchTable2;