-
Notifications
You must be signed in to change notification settings - Fork 117
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #6 from horizon-ui/feature/next-13
Feature/next 13
- Loading branch information
Showing
78 changed files
with
4,460 additions
and
4,074 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| legacy-peer-deps=true | ||
| auto-install-peers=true | ||
| strict-peer-dependencies=false |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,22 @@ | ||
| /** @type {import('next').NextConfig} */ | ||
|
|
||
| const nextConfig = { | ||
| reactStrictMode: true, | ||
| swcMinify: true, | ||
| basePath: process.env.NEXT_PUBLIC_BASE_PATH, | ||
| assetPrefix: process.env.NEXT_PUBLIC_BASE_PATH, | ||
| images: { | ||
| domains: [ | ||
| 'images.unsplash.com', | ||
| 'i.ibb.co', | ||
| 'scontent.fotp8-1.fna.fbcdn.net', | ||
| ], | ||
| // Make ENV | ||
| unoptimized: true, | ||
| }, | ||
| experimental: { | ||
| appDir: true, | ||
| }, | ||
| }; | ||
|
|
||
| // module.exports = withTM(nextConfig); | ||
| module.exports = nextConfig; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| module.exports = { | ||
| trailingComma: 'all', | ||
| singleQuote: true, | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| 'use client'; | ||
| import React, { ReactNode } from 'react'; | ||
| import 'styles/App.css'; | ||
| import 'styles/Contact.css'; | ||
| import 'styles/MiniCalendar.css'; | ||
| import { ChakraProvider } from '@chakra-ui/react'; | ||
| import { CacheProvider } from '@chakra-ui/next-js'; | ||
| import theme from '../theme/theme'; | ||
|
|
||
| export default function AppWrappers({ children }: { children: ReactNode }) { | ||
| return ( | ||
| <CacheProvider> | ||
| <ChakraProvider theme={theme}>{children}</ChakraProvider>{' '} | ||
| </CacheProvider> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| 'use client'; | ||
| import { Box, SimpleGrid } from '@chakra-ui/react'; | ||
| import DevelopmentTable from 'views/admin/dataTables/components/DevelopmentTable'; | ||
| import CheckTable from 'views/admin/dataTables/components/CheckTable'; | ||
| import ColumnsTable from 'views/admin/dataTables/components/ColumnsTable'; | ||
| import ComplexTable from 'views/admin/dataTables/components/ComplexTable'; | ||
| import tableDataDevelopment from 'views/admin/dataTables/variables/tableDataDevelopment'; | ||
| import tableDataCheck from 'views/admin/dataTables/variables/tableDataCheck'; | ||
| import tableDataColumns from 'views/admin/dataTables/variables/tableDataColumns'; | ||
| import tableDataComplex from 'views/admin/dataTables/variables/tableDataComplex'; | ||
| import React from 'react'; | ||
| import AdminLayout from 'layouts/admin'; | ||
|
|
||
| export default function DataTables() { | ||
| return ( | ||
| <Box pt={{ base: '130px', md: '80px', xl: '80px' }}> | ||
| <SimpleGrid | ||
| mb="20px" | ||
| columns={{ sm: 1, md: 2 }} | ||
| spacing={{ base: '20px', xl: '20px' }} | ||
| > | ||
| <DevelopmentTable tableData={tableDataDevelopment} /> | ||
| <CheckTable tableData={tableDataCheck} /> | ||
| <ColumnsTable tableData={tableDataColumns} /> | ||
| <ComplexTable tableData={tableDataComplex} /> | ||
| </SimpleGrid> | ||
| </Box> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,170 @@ | ||
| 'use client'; | ||
| /*! | ||
| _ _ ___ ____ ___ ________ _ _ _ _ ___ | ||
| | | | |/ _ \| _ \|_ _|__ / _ \| \ | | | | | |_ _| | ||
| | |_| | | | | |_) || | / / | | | \| | | | | || | | ||
| | _ | |_| | _ < | | / /| |_| | |\ | | |_| || | | ||
| |_| |_|\___/|_| \_\___/____\___/|_| \_| \___/|___| | ||
| ========================================================= | ||
| * Horizon UI - v1.1.0 | ||
| ========================================================= | ||
| * Product Page: https://www.horizon-ui.com/ | ||
| * Copyright 2022 Horizon UI (https://www.horizon-ui.com/) | ||
| * Designed and Coded by Simmmple | ||
| ========================================================= | ||
| * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. | ||
| */ | ||
|
|
||
| import { | ||
| Box, | ||
| Flex, | ||
| FormLabel, | ||
| Image, | ||
| Icon, | ||
| Select, | ||
| SimpleGrid, | ||
| useColorModeValue, | ||
| } from '@chakra-ui/react'; | ||
| // Custom components | ||
| // import MiniCalendar from 'components/calendar/MiniCalendar'; | ||
| import MiniStatistics from 'components/card/MiniStatistics'; | ||
| import IconBox from 'components/icons/IconBox'; | ||
| import { | ||
| MdAddTask, | ||
| MdAttachMoney, | ||
| MdBarChart, | ||
| MdFileCopy, | ||
| } from 'react-icons/md'; | ||
| import CheckTable from 'views/admin/default/components/CheckTable'; | ||
| import ComplexTable from 'views/admin/default/components/ComplexTable'; | ||
| import DailyTraffic from 'views/admin/default/components/DailyTraffic'; | ||
| import PieCard from 'views/admin/default/components/PieCard'; | ||
| import Tasks from 'views/admin/default/components/Tasks'; | ||
| import TotalSpent from 'views/admin/default/components/TotalSpent'; | ||
| import WeeklyRevenue from 'views/admin/default/components/WeeklyRevenue'; | ||
| import tableDataCheck from 'views/admin/default/variables/tableDataCheck'; | ||
| import tableDataComplex from 'views/admin/default/variables/tableDataComplex'; | ||
| // Assets | ||
| import Usa from 'img/dashboards/usa.png'; | ||
|
|
||
| export default function Default() { | ||
| // Chakra Color Mode | ||
|
|
||
| const brandColor = useColorModeValue('brand.500', 'white'); | ||
| const boxBg = useColorModeValue('secondaryGray.300', 'whiteAlpha.100'); | ||
|
|
||
| return ( | ||
| <Box pt={{ base: '130px', md: '80px', xl: '80px' }}> | ||
| <SimpleGrid | ||
| columns={{ base: 1, md: 2, lg: 3, '2xl': 6 }} | ||
| gap="20px" | ||
| mb="20px" | ||
| > | ||
| <MiniStatistics | ||
| startContent={ | ||
| <IconBox | ||
| w="56px" | ||
| h="56px" | ||
| bg={boxBg} | ||
| icon={ | ||
| <Icon w="32px" h="32px" as={MdBarChart} color={brandColor} /> | ||
| } | ||
| /> | ||
| } | ||
| name="Earnings" | ||
| value="$350.4" | ||
| /> | ||
| <MiniStatistics | ||
| startContent={ | ||
| <IconBox | ||
| w="56px" | ||
| h="56px" | ||
| bg={boxBg} | ||
| icon={ | ||
| <Icon w="32px" h="32px" as={MdAttachMoney} color={brandColor} /> | ||
| } | ||
| /> | ||
| } | ||
| name="Spend this month" | ||
| value="$642.39" | ||
| /> | ||
| <MiniStatistics growth="+23%" name="Sales" value="$574.34" /> | ||
| <MiniStatistics | ||
| endContent={ | ||
| <Flex me="-16px" mt="10px"> | ||
| <FormLabel htmlFor="balance"> | ||
| <Box boxSize={'12'}> | ||
| <Image alt="" src={Usa.src} w={'100%'} h={'100%'} /> | ||
| </Box> | ||
| </FormLabel> | ||
| <Select | ||
| id="balance" | ||
| variant="mini" | ||
| mt="5px" | ||
| me="0px" | ||
| defaultValue="usd" | ||
| > | ||
| <option value="usd">USD</option> | ||
| <option value="eur">EUR</option> | ||
| <option value="gba">GBA</option> | ||
| </Select> | ||
| </Flex> | ||
| } | ||
| name="Your balance" | ||
| value="$1,000" | ||
| /> | ||
| <MiniStatistics | ||
| startContent={ | ||
| <IconBox | ||
| w="56px" | ||
| h="56px" | ||
| bg="linear-gradient(90deg, #4481EB 0%, #04BEFE 100%)" | ||
| icon={<Icon w="28px" h="28px" as={MdAddTask} color="white" />} | ||
| /> | ||
| } | ||
| name="New Tasks" | ||
| value="154" | ||
| /> | ||
| <MiniStatistics | ||
| startContent={ | ||
| <IconBox | ||
| w="56px" | ||
| h="56px" | ||
| bg={boxBg} | ||
| icon={ | ||
| <Icon w="32px" h="32px" as={MdFileCopy} color={brandColor} /> | ||
| } | ||
| /> | ||
| } | ||
| name="Total Projects" | ||
| value="2935" | ||
| /> | ||
| </SimpleGrid> | ||
|
|
||
| <SimpleGrid columns={{ base: 1, md: 2, xl: 2 }} gap="20px" mb="20px"> | ||
| <TotalSpent /> | ||
| <WeeklyRevenue /> | ||
| </SimpleGrid> | ||
| <SimpleGrid columns={{ base: 1, md: 1, xl: 2 }} gap="20px" mb="20px"> | ||
| <CheckTable tableData={tableDataCheck} /> | ||
| <SimpleGrid columns={{ base: 1, md: 2, xl: 2 }} gap="20px"> | ||
| <DailyTraffic /> | ||
| <PieCard /> | ||
| </SimpleGrid> | ||
| </SimpleGrid> | ||
| <SimpleGrid columns={{ base: 1, md: 1, xl: 2 }} gap="20px" mb="20px"> | ||
| <ComplexTable tableData={tableDataComplex} /> | ||
| <SimpleGrid columns={{ base: 1, md: 2, xl: 2 }} gap="20px"> | ||
| <Tasks /> | ||
| {/* <MiniCalendar h="100%" minW="100%" selectRange={false} /> */} | ||
| </SimpleGrid> | ||
| </SimpleGrid> | ||
| </Box> | ||
| ); | ||
| } |
Oops, something went wrong.