├── public ├── _redirects ├── robots.txt ├── favicon.ico ├── icon-192x192.png ├── icon-256x256.png ├── icon-384x384.png ├── icon-512x512.png ├── static │ └── images │ │ ├── avatars │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ ├── 3.jpg │ │ ├── 4.jpg │ │ └── 5.jpg │ │ ├── overview │ │ ├── performance.png │ │ ├── rtl-preview.jpg │ │ ├── tokyo-logo.png │ │ ├── accent_header.png │ │ ├── boxed_sidebar.png │ │ ├── accent_sidebar.png │ │ ├── extended_sidebar.png │ │ ├── hero-screenshot.png │ │ ├── top_navigation.png │ │ ├── bottom_navigation.png │ │ ├── collapsed_sidebar.png │ │ ├── management_screen_1.png │ │ ├── management_screen_2.png │ │ ├── management_screen_3.png │ │ ├── sketch.svg │ │ └── figma.svg │ │ ├── placeholders │ │ ├── logo │ │ │ ├── ea.jpg │ │ │ ├── hp.jpg │ │ │ ├── ibm.jpg │ │ │ ├── ing.jpg │ │ │ ├── visa.png │ │ │ ├── adobe.jpg │ │ │ ├── bitcoin.png │ │ │ ├── cardano.png │ │ │ ├── oracle.jpg │ │ │ ├── orange.jpg │ │ │ ├── ripple.png │ │ │ ├── uipath.jpg │ │ │ ├── autodesk.jpg │ │ │ ├── ethereum.png │ │ │ ├── google-logo.jpg │ │ │ ├── mastercard.png │ │ │ ├── netflix-logo.jpg │ │ │ ├── deutschebank_light.svg │ │ │ ├── microsoft-icon.svg │ │ │ ├── pinterest-icon.svg │ │ │ ├── tesla.svg │ │ │ ├── spotify-icon.svg │ │ │ ├── netflix.svg │ │ │ ├── google-icon.svg │ │ │ ├── dribbble-icon.svg │ │ │ ├── spotify.svg │ │ │ ├── discord-icon.svg │ │ │ ├── slack-icon.svg │ │ │ ├── stripe.svg │ │ │ ├── slack.svg │ │ │ ├── airbnb-icon.svg │ │ │ ├── netflix-icon.svg │ │ │ ├── coinbase.svg │ │ │ ├── discord.svg │ │ │ ├── facebook.svg │ │ │ ├── airbnb.svg │ │ │ ├── instagram-icon.svg │ │ │ ├── microsoft.svg │ │ │ └── google.svg │ │ ├── covers │ │ │ ├── 1.jpg │ │ │ ├── 2.jpg │ │ │ ├── 3.jpg │ │ │ ├── 4.jpg │ │ │ ├── 5.jpg │ │ │ ├── 6.jpg │ │ │ ├── 7.jpg │ │ │ ├── automation-bg.jpg │ │ │ └── garden_camera.jpg │ │ ├── fitness │ │ │ ├── 1.jpg │ │ │ ├── 2.jpg │ │ │ ├── 3.jpg │ │ │ └── 4.jpg │ │ ├── products │ │ │ ├── 1.png │ │ │ ├── 10.png │ │ │ ├── 2.png │ │ │ ├── 3.png │ │ │ ├── 4.png │ │ │ ├── 5.png │ │ │ ├── 6.png │ │ │ ├── 7.png │ │ │ ├── 8.png │ │ │ └── 9.png │ │ └── illustrations │ │ │ ├── 2.png │ │ │ ├── 6.png │ │ │ ├── pressure-high.svg │ │ │ ├── partly-cloudy-day-rain.svg │ │ │ ├── moving.svg │ │ │ ├── time.svg │ │ │ └── authentication.svg │ │ └── logo │ │ ├── material-ui.svg │ │ ├── typescript.svg │ │ ├── google.svg │ │ └── next-js.svg └── manifest.json ├── .eslintignore ├── .prettierignore ├── src ├── components │ ├── Chart │ │ └── index.tsx │ ├── PageTitleWrapper │ │ └── index.tsx │ ├── Footer │ │ └── index.tsx │ ├── Scrollbar │ │ └── index.tsx │ ├── PageTitle │ │ └── index.tsx │ ├── Text │ │ └── index.tsx │ ├── Label │ │ └── index.tsx │ ├── Link │ │ └── index.tsx │ ├── Logo │ │ └── index.tsx │ └── LogoSign │ │ └── index.tsx ├── createEmotionCache.ts ├── models │ └── crypto_order.ts ├── layouts │ ├── SidebarLayout │ │ ├── Header │ │ │ ├── Buttons │ │ │ │ ├── index.tsx │ │ │ │ └── Notifications │ │ │ │ │ └── index.tsx │ │ │ ├── index.tsx │ │ │ └── Userbox │ │ │ │ └── index.tsx │ │ ├── index.tsx │ │ └── Sidebar │ │ │ └── index.tsx │ └── BaseLayout │ │ └── index.tsx ├── content │ ├── Management │ │ ├── Users │ │ │ ├── settings │ │ │ │ ├── PageHeader.tsx │ │ │ │ ├── ActivityTab.tsx │ │ │ │ └── NotificationsTab.tsx │ │ │ └── details │ │ │ │ ├── Feed.tsx │ │ │ │ ├── Addresses.tsx │ │ │ │ ├── PopularTags.tsx │ │ │ │ └── RecentActivity.tsx │ │ └── Transactions │ │ │ ├── PageHeader.tsx │ │ │ ├── BulkActions.tsx │ │ │ └── RecentOrders.tsx │ ├── Dashboards │ │ └── Crypto │ │ │ ├── PageHeader.tsx │ │ │ └── WatchList.tsx │ └── Applications │ │ └── Messenger │ │ └── BottomBarContent.tsx ├── contexts │ └── SidebarContext.tsx └── theme │ └── ThemeProvider.tsx ├── .prettierrc ├── next-env.d.ts ├── next.config.js ├── .gitignore ├── next.d.ts ├── .eslintrc.json ├── tsconfig.json ├── LICENSE ├── pages ├── management │ ├── transactions │ │ └── index.tsx │ └── profile │ │ ├── index.tsx │ │ └── settings │ │ └── index.tsx ├── dashboards │ └── crypto │ │ └── index.tsx ├── _app.tsx ├── index.tsx ├── _document.tsx ├── 404.tsx ├── status │ ├── 500 │ │ └── index.tsx │ └── maintenance │ │ └── index.tsx ├── components │ ├── accordions │ │ └── index.tsx │ ├── tabs │ │ └── index.tsx │ └── modals │ │ └── index.tsx └── applications │ └── messenger │ └── index.tsx ├── package.json └── README.md /public/_redirects: -------------------------------------------------------------------------------- 1 | /* /index.html 200 -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | # .estlintignore file 2 | dist 3 | .next 4 | build 5 | node_modules/ -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | # Ignore artifacts: 2 | dist 3 | .next 4 | build 5 | node_modules/ -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/icon-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/icon-192x192.png -------------------------------------------------------------------------------- /public/icon-256x256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/icon-256x256.png -------------------------------------------------------------------------------- /public/icon-384x384.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/icon-384x384.png -------------------------------------------------------------------------------- /public/icon-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/icon-512x512.png -------------------------------------------------------------------------------- /public/static/images/avatars/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/avatars/1.jpg -------------------------------------------------------------------------------- /public/static/images/avatars/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/avatars/2.jpg -------------------------------------------------------------------------------- /public/static/images/avatars/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/avatars/3.jpg -------------------------------------------------------------------------------- /public/static/images/avatars/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/avatars/4.jpg -------------------------------------------------------------------------------- /public/static/images/avatars/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/avatars/5.jpg -------------------------------------------------------------------------------- /src/components/Chart/index.tsx: -------------------------------------------------------------------------------- 1 | import dynamic from 'next/dynamic'; 2 | 3 | export const Chart = dynamic(() => import('react-apexcharts'), { ssr: false }); 4 | -------------------------------------------------------------------------------- /public/static/images/overview/performance.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/performance.png -------------------------------------------------------------------------------- /public/static/images/overview/rtl-preview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/rtl-preview.jpg -------------------------------------------------------------------------------- /public/static/images/overview/tokyo-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/tokyo-logo.png -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/ea.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/ea.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/hp.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/hp.jpg -------------------------------------------------------------------------------- /public/static/images/overview/accent_header.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/accent_header.png -------------------------------------------------------------------------------- /public/static/images/overview/boxed_sidebar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/boxed_sidebar.png -------------------------------------------------------------------------------- /public/static/images/placeholders/covers/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/covers/1.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/covers/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/covers/2.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/covers/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/covers/3.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/covers/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/covers/4.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/covers/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/covers/5.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/covers/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/covers/6.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/covers/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/covers/7.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/fitness/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/fitness/1.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/fitness/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/fitness/2.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/fitness/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/fitness/3.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/fitness/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/fitness/4.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/ibm.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/ibm.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/ing.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/ing.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/visa.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/visa.png -------------------------------------------------------------------------------- /public/static/images/overview/accent_sidebar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/accent_sidebar.png -------------------------------------------------------------------------------- /public/static/images/overview/extended_sidebar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/extended_sidebar.png -------------------------------------------------------------------------------- /public/static/images/overview/hero-screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/hero-screenshot.png -------------------------------------------------------------------------------- /public/static/images/overview/top_navigation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/top_navigation.png -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/adobe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/adobe.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/bitcoin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/bitcoin.png -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/cardano.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/cardano.png -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/oracle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/oracle.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/orange.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/orange.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/ripple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/ripple.png -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/uipath.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/uipath.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/products/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/products/1.png -------------------------------------------------------------------------------- /public/static/images/placeholders/products/10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/products/10.png -------------------------------------------------------------------------------- /public/static/images/placeholders/products/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/products/2.png -------------------------------------------------------------------------------- /public/static/images/placeholders/products/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/products/3.png -------------------------------------------------------------------------------- /public/static/images/placeholders/products/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/products/4.png -------------------------------------------------------------------------------- /public/static/images/placeholders/products/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/products/5.png -------------------------------------------------------------------------------- /public/static/images/placeholders/products/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/products/6.png -------------------------------------------------------------------------------- /public/static/images/placeholders/products/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/products/7.png -------------------------------------------------------------------------------- /public/static/images/placeholders/products/8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/products/8.png -------------------------------------------------------------------------------- /public/static/images/placeholders/products/9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/products/9.png -------------------------------------------------------------------------------- /public/static/images/overview/bottom_navigation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/bottom_navigation.png -------------------------------------------------------------------------------- /public/static/images/overview/collapsed_sidebar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/collapsed_sidebar.png -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/autodesk.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/autodesk.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/ethereum.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/ethereum.png -------------------------------------------------------------------------------- /public/static/images/overview/management_screen_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/management_screen_1.png -------------------------------------------------------------------------------- /public/static/images/overview/management_screen_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/management_screen_2.png -------------------------------------------------------------------------------- /public/static/images/overview/management_screen_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/overview/management_screen_3.png -------------------------------------------------------------------------------- /public/static/images/placeholders/illustrations/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/illustrations/2.png -------------------------------------------------------------------------------- /public/static/images/placeholders/illustrations/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/illustrations/6.png -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/google-logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/google-logo.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/mastercard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/mastercard.png -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/netflix-logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/logo/netflix-logo.jpg -------------------------------------------------------------------------------- /src/createEmotionCache.ts: -------------------------------------------------------------------------------- 1 | import createCache from '@emotion/cache'; 2 | 3 | export default function createEmotionCache() { 4 | return createCache({ 5 | key: 'css' 6 | }); 7 | } 8 | -------------------------------------------------------------------------------- /public/static/images/placeholders/covers/automation-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/covers/automation-bg.jpg -------------------------------------------------------------------------------- /public/static/images/placeholders/covers/garden_camera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bloomui/tokyo-free-white-nextjs-admin-dashboard/HEAD/public/static/images/placeholders/covers/garden_camera.jpg -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "bracketSpacing": true, 3 | "printWidth": 80, 4 | "singleQuote": true, 5 | "trailingComma": "none", 6 | "tabWidth": 2, 7 | "useTabs": false, 8 | "bracketSameLine": false 9 | } 10 | -------------------------------------------------------------------------------- /next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /next.config.js: -------------------------------------------------------------------------------- 1 | const withImages = require('next-images'); 2 | 3 | const redirects = { 4 | async redirects() { 5 | return [ 6 | { 7 | source: '/dashboards', 8 | destination: '/dashboards/crypto', 9 | permanent: true 10 | } 11 | ]; 12 | } 13 | }; 14 | 15 | module.exports = withImages(redirects); 16 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | 6 | # misc 7 | .DS_Store 8 | .env.local 9 | .env.development.local 10 | .env.test.local 11 | .env.production.local 12 | 13 | npm-debug.log* 14 | yarn-debug.log* 15 | yarn-error.log* 16 | 17 | # Next.js 18 | /.next 19 | -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/deutschebank_light.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /next.d.ts: -------------------------------------------------------------------------------- 1 | import type { ReactElement, ReactNode } from 'react'; 2 | import type { 3 | NextComponentType, 4 | NextPageContext 5 | } from 'next/dist/shared/lib/utils'; 6 | 7 | declare module 'next' { 8 | export declare type NextPage

= NextComponentType< 9 | NextPageContext, 10 | IP, 11 | P 12 | > & { 13 | getLayout?: (page: ReactElement) => ReactNode; 14 | }; 15 | } 16 | -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/microsoft-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/models/crypto_order.ts: -------------------------------------------------------------------------------- 1 | export type CryptoOrderStatus = 'completed' | 'pending' | 'failed'; 2 | 3 | export interface CryptoOrder { 4 | id: string; 5 | status: CryptoOrderStatus; 6 | orderDetails: string; 7 | orderDate: number; 8 | orderID: string; 9 | sourceName: string; 10 | sourceDesc: string; 11 | amountCrypto: number; 12 | amount: number; 13 | cryptoCurrency: string; 14 | currency: string; 15 | } 16 | -------------------------------------------------------------------------------- /public/static/images/logo/material-ui.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/layouts/SidebarLayout/Header/Buttons/index.tsx: -------------------------------------------------------------------------------- 1 | import { Box } from '@mui/material'; 2 | import HeaderSearch from './Search'; 3 | import HeaderNotifications from './Notifications'; 4 | 5 | function HeaderButtons() { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | } 15 | 16 | export default HeaderButtons; 17 | -------------------------------------------------------------------------------- /public/static/images/placeholders/illustrations/pressure-high.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["next/core-web-vitals", "plugin:prettier/recommended"], 3 | "rules": { 4 | "prettier/prettier": "off", 5 | "@next/next/no-img-element": "off", 6 | "jsx-a11y/alt-text": "off", 7 | "react/display-name": "off", 8 | "eslint-disable-next-line": "off", 9 | "react-hooks/exhaustive-deps": "off", 10 | "react/no-unescaped-entities": "off", 11 | "react/jsx-max-props-per-line": [ 12 | 1, 13 | { 14 | "maximum": 2, 15 | "when": "multiline" 16 | } 17 | ] 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /src/content/Management/Users/settings/PageHeader.tsx: -------------------------------------------------------------------------------- 1 | import { Typography } from '@mui/material'; 2 | 3 | function PageHeader() { 4 | const user = { 5 | name: 'Catherine Pike', 6 | avatar: '/static/images/avatars/1.jpg' 7 | }; 8 | 9 | return ( 10 | <> 11 | 12 | User Settings 13 | 14 | 15 | {user.name}, this could be your user settings panel. 16 | 17 | 18 | ); 19 | } 20 | 21 | export default PageHeader; 22 | -------------------------------------------------------------------------------- /src/layouts/BaseLayout/index.tsx: -------------------------------------------------------------------------------- 1 | import { FC, ReactNode } from 'react'; 2 | import PropTypes from 'prop-types'; 3 | import { Box } from '@mui/material'; 4 | 5 | interface BaseLayoutProps { 6 | children?: ReactNode; 7 | } 8 | 9 | const BaseLayout: FC = ({ children }) => { 10 | return ( 11 | 18 | {children} 19 | 20 | ); 21 | }; 22 | 23 | BaseLayout.propTypes = { 24 | children: PropTypes.node 25 | }; 26 | 27 | export default BaseLayout; 28 | -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/pinterest-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/PageTitleWrapper/index.tsx: -------------------------------------------------------------------------------- 1 | import { FC, ReactNode } from 'react'; 2 | import PropTypes from 'prop-types'; 3 | import { Box, Container, styled } from '@mui/material'; 4 | 5 | const PageTitle = styled(Box)( 6 | ({ theme }) => ` 7 | padding: ${theme.spacing(4)}; 8 | ` 9 | ); 10 | 11 | interface PageTitleWrapperProps { 12 | children?: ReactNode; 13 | } 14 | 15 | const PageTitleWrapper: FC = ({ children }) => { 16 | return ( 17 | 18 | {children} 19 | 20 | ); 21 | }; 22 | 23 | PageTitleWrapper.propTypes = { 24 | children: PropTypes.node.isRequired 25 | }; 26 | 27 | export default PageTitleWrapper; 28 | -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "theme_color": "#1975ff", 3 | "background_color": "#f2f5f9", 4 | "display": "standalone", 5 | "start_url": ".", 6 | "short_name": "Tokyo", 7 | "name": "Tokyo Free White NextJS Typescript Admin Dashboard", 8 | "icons": [ 9 | { 10 | "src": "/icon-192x192.png", 11 | "sizes": "192x192", 12 | "type": "image/png" 13 | }, 14 | { 15 | "src": "/icon-256x256.png", 16 | "sizes": "256x256", 17 | "type": "image/png" 18 | }, 19 | { 20 | "src": "/icon-384x384.png", 21 | "sizes": "384x384", 22 | "type": "image/png" 23 | }, 24 | { 25 | "src": "/icon-512x512.png", 26 | "sizes": "512x512", 27 | "type": "image/png" 28 | } 29 | ] 30 | } 31 | -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/tesla.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/spotify-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/contexts/SidebarContext.tsx: -------------------------------------------------------------------------------- 1 | import { useState, ReactNode, createContext } from 'react'; 2 | type SidebarContext = { 3 | sidebarToggle: any; 4 | toggleSidebar: () => void; 5 | closeSidebar: () => void; 6 | }; 7 | 8 | // eslint-disable-next-line @typescript-eslint/no-redeclare 9 | export const SidebarContext = createContext( 10 | {} as SidebarContext 11 | ); 12 | 13 | type Props = { 14 | children: ReactNode; 15 | }; 16 | 17 | export function SidebarProvider({ children }: Props) { 18 | const [sidebarToggle, setSidebarToggle] = useState(false); 19 | const toggleSidebar = () => { 20 | setSidebarToggle(!sidebarToggle); 21 | }; 22 | 23 | const closeSidebar = () => { 24 | setSidebarToggle(false); 25 | }; 26 | 27 | return ( 28 | 31 | {children} 32 | 33 | ); 34 | } 35 | -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/netflix.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/google-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/content/Management/Transactions/PageHeader.tsx: -------------------------------------------------------------------------------- 1 | import { Typography, Button, Grid } from '@mui/material'; 2 | 3 | import AddTwoToneIcon from '@mui/icons-material/AddTwoTone'; 4 | 5 | function PageHeader() { 6 | const user = { 7 | name: 'Catherine Pike', 8 | avatar: '/static/images/avatars/1.jpg' 9 | }; 10 | return ( 11 | 12 | 13 | 14 | Transactions 15 | 16 | 17 | {user.name}, these are your recent transactions 18 | 19 | 20 | 21 | 28 | 29 | 30 | ); 31 | } 32 | 33 | export default PageHeader; 34 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": ".", 4 | "paths": { 5 | "@/*": ["./src/*"], 6 | "@/public/*": ["./public/*"] 7 | }, 8 | "allowJs": true, 9 | "allowSyntheticDefaultImports": true, 10 | "jsx": "preserve", 11 | "lib": ["dom", "es2017"], 12 | "module": "esnext", 13 | "moduleResolution": "node", 14 | "noEmit": true, 15 | "noUnusedLocals": true, 16 | "noUnusedParameters": true, 17 | "preserveConstEnums": true, 18 | "removeComments": false, 19 | "skipLibCheck": true, 20 | "sourceMap": true, 21 | "strict": false, 22 | "strictPropertyInitialization": false, 23 | "strictNullChecks": false, 24 | "target": "esnext", 25 | "forceConsistentCasingInFileNames": true, 26 | "esModuleInterop": true, 27 | "resolveJsonModule": true, 28 | "isolatedModules": true, 29 | "noFallthroughCasesInSwitch": true, 30 | "incremental": true 31 | }, 32 | "exclude": ["node_modules"], 33 | "include": ["src", "next-env.d.ts", "**/*.ts", "**/*.tsx"] 34 | } 35 | -------------------------------------------------------------------------------- /src/content/Dashboards/Crypto/PageHeader.tsx: -------------------------------------------------------------------------------- 1 | import { Typography, Avatar, Grid } from '@mui/material'; 2 | import { useTheme } from '@mui/material/styles'; 3 | 4 | function PageHeader() { 5 | const user = { 6 | name: 'Catherine Pike', 7 | avatar: '/static/images/avatars/1.jpg' 8 | }; 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 13 | 14 | 24 | 25 | 26 | 27 | Welcome, {user.name}! 28 | 29 | 30 | Today is a good day to start trading crypto assets! 31 | 32 | 33 | 34 | ); 35 | } 36 | 37 | export default PageHeader; 38 | -------------------------------------------------------------------------------- /public/static/images/overview/sketch.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/dribbble-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 BloomUI 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /src/theme/ThemeProvider.tsx: -------------------------------------------------------------------------------- 1 | import { FC, useState, createContext, useEffect } from 'react'; 2 | import { ThemeProvider } from '@mui/material'; 3 | import { themeCreator } from './base'; 4 | import { StylesProvider } from '@mui/styles'; 5 | 6 | export const ThemeContext = createContext((_themeName: string): void => {}); 7 | 8 | const ThemeProviderWrapper: FC = (props) => { 9 | const [themeName, _setThemeName] = useState('PureLightTheme'); 10 | 11 | useEffect(() => { 12 | const curThemeName = 13 | window.localStorage.getItem('appTheme') || 'PureLightTheme'; 14 | _setThemeName(curThemeName); 15 | }, []); 16 | 17 | const theme = themeCreator(themeName); 18 | const setThemeName = (themeName: string): void => { 19 | window.localStorage.setItem('appTheme', themeName); 20 | _setThemeName(themeName); 21 | }; 22 | 23 | return ( 24 | 25 | 26 | {props.children} 27 | 28 | 29 | ); 30 | }; 31 | 32 | export default ThemeProviderWrapper; 33 | -------------------------------------------------------------------------------- /public/static/images/placeholders/logo/spotify.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /public/static/images/overview/figma.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/components/Footer/index.tsx: -------------------------------------------------------------------------------- 1 | import { Box, Container, Link, Typography, styled } from '@mui/material'; 2 | 3 | const FooterWrapper = styled(Container)( 4 | ({ theme }) => ` 5 | margin-top: ${theme.spacing(4)}; 6 | ` 7 | ); 8 | 9 | function Footer() { 10 | return ( 11 | 12 | 19 | 20 | 21 | © 2022 - Tokyo Free White Next.js Typescript Admin Dashboard 22 | 23 | 24 | 30 | Crafted by{' '} 31 | 36 | BloomUI.com 37 | 38 | 39 | 40 | 41 | ); 42 | } 43 | 44 | export default Footer; 45 | -------------------------------------------------------------------------------- /pages/management/transactions/index.tsx: -------------------------------------------------------------------------------- 1 | import Head from 'next/head'; 2 | import SidebarLayout from '@/layouts/SidebarLayout'; 3 | import PageHeader from '@/content/Management/Transactions/PageHeader'; 4 | import PageTitleWrapper from '@/components/PageTitleWrapper'; 5 | import { Grid, Container } from '@mui/material'; 6 | import Footer from '@/components/Footer'; 7 | 8 | import RecentOrders from '@/content/Management/Transactions/RecentOrders'; 9 | 10 | function ApplicationsTransactions() { 11 | return ( 12 | <> 13 | 14 | Transactions - Applications 15 | 16 | 17 | 18 | 19 | 20 | 27 | 28 | 29 | 30 | 31 | 32 |