diff --git a/.env b/.env new file mode 100644 index 000000000..9755cace6 --- /dev/null +++ b/.env @@ -0,0 +1 @@ +ALCHEMYAPI_KEY = "DIoeYnfiKuTLcNM1Olx_54L-3dzz9pUj" \ No newline at end of file diff --git a/.eslintrc.json b/.eslintrc.json deleted file mode 100644 index 792b5cfa0..000000000 --- a/.eslintrc.json +++ /dev/null @@ -1,35 +0,0 @@ -{ - "env": { - "browser": true, - "es2021": true - }, - "extends": ["eslint:recommended", "plugin:react/recommended", "prettier"], - "parserOptions": { - "ecmaFeatures": { - "jsx": true - }, - "ecmaVersion": 12, - "sourceType": "module" - }, - "plugins": ["react", "prettier"], - "rules": { - "prettier/prettier": [ - "error", - { - "endOfLine": "auto" - } - ], - "react/react-in-jsx-scope": "off", - "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], - "react/jsx-props-no-spreading": [ - 1, - { - "custom": "ignore" - } - ], - "react/jsx-curly-spacing": [2, "never"], - "default-param-last": "off", - "react/display-name": "off" - }, - "settings": { "import/resolver": { "node": { "paths": ["src"] } } } -} diff --git a/.gitignore b/.gitignore index 7389a2000..77d5801dd 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,6 @@ # See https://help.github.com/ignore-files/ for more about ignoring files. +/test-ledger + # dependencies /node_modules diff --git a/README.md b/README.md deleted file mode 100644 index 0d537011f..000000000 --- a/README.md +++ /dev/null @@ -1,209 +0,0 @@ -# [Material Kit 2 React](http://demos.creative-tim.com/material-kit-react/#/?ref=readme-mkr) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/intent/tweet?url=https://www.creative-tim.com/product/material-kit-react&text=Check%20Material%20kit%20React%20made%20by%20@CreativeTim%20#webdesign%20#kit%20#materialdesign%20#react%20https://www.creative-tim.com/product/material-kit-react) - -![version](https://img.shields.io/badge/version-2.1.0-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/material-kit-react.svg)](https://github.com/creativetimofficial/material-kit-react/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/material-kit-react.svg)](https://github.com/creativetimofficial/material-kit-react/issues?q=is%3Aissue+is%3Aclosed) - -![Image](https://s3.amazonaws.com/creativetim_bucket/products/83/original/material-kit-2-react.jpg) - -Material Kit 2 React is our newest free MUI Design System based on React. Its amazing design is inspired by Material Design and contains all the components you need for your development. If you’re a developer looking to create good-looking websites, rich with features, and highly customisable, here is your match. - -_Fully Coded Elements_ -Material Kit 2 React is built with over 40 frontend individual elements, like buttons, inputs, navbars, alerts or cards, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using MUI styled() API and sx prop. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. - -This free MUI & React template is coming with pre-built design blocks, so the development process is seamless, -switching from our pages to the real website is very easy to be done. -View all components here. (https://www.creative-tim.com/learning-lab/react/alerts/material-kit/) - -_Documentation built by Developers_ -Each element is well presented in very complex documentation. -You can read more about the documentation here (https://www.creative-tim.com/learning-lab/react/overview/material-kit/). - -_Example Pages_ -If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project. - -View example pages here. (https://demos.creative-tim.com/material-kit-react/#/pages/landing-pages/about-us) - -**HELPFUL LINKS** - -- View [Github Repository](https://github.com/creativetimofficial/material-kit-react) -- Check [FAQ Page](https://www.creative-tim.com/faq) - -#### Special thanks - -During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source: - -- [MUI](https://mui.com/) - The React UI library for faster and easier web development. -- [React Flatpickr](https://github.com/haoxins/react-flatpickr) - Useful library used to select date. -- [React Copy to Clipboard](https://github.com/nkbt/react-copy-to-clipboard) - Useful library used for copying data to the clipboard. -- [React Countup](https://github.com/glennreyes/react-countup) - A lightweight React component that can be used to quickly create animations that display numerical data in a more interesting way. -- [React Syntax Highlighter](https://github.com/react-syntax-highlighter/react-syntax-highlighter) - Syntax highlighting component for react with prismjs or highlightjs ast using inline styles. -- [ChromaJS](https://gka.github.io/chroma.js/) - A small-ish zero-dependency JavaScript library for all kinds of color conversions and color scales. -- [Nepcha Analytics](https://nepcha.com?ref=readme) for the analytics tool. Nepcha is already integrated with Material Kit 2 React. You can use it to gain insights into your sources of traffic. - -Let us know your thoughts below. And good luck with development! - -## Table of Contents - -- [Versions](#versions) -- [Demo](#demo) -- [Quick Start](#quick-start) -- [Documentation](#documentation) -- [File Structure](#file-structure) -- [Browser Support](#browser-support) -- [Resources](#resources) -- [Reporting Issues](#reporting-issues) -- [Technical Support or Questions](#technical-support-or-questions) -- [Licensing](#licensing) -- [Useful Links](#useful-links) - -## Versions - -[](https://www.creative-tim.com/product/material-kit-react?ref=readme-mkr) - -| React | -| ----- | - -| [![Material Kit 2 React](https://s3.amazonaws.com/creativetim_bucket/products/83/thumb/material-kit-2-react.jpg)](http://demos.creative-tim.com/material-kit-react/#/?ref=readme-mkr) - -## Demo - -- [About Us](https://demos.creative-tim.com/material-kit-react/#/pages/landing-pages/about-us?ref=readme-mkr) -- [Contact Us](https://demos.creative-tim.com/material-kit-react/#/pages/landing-pages/contact-us?ref=readme-mkr) -- [Author](https://demos.creative-tim.com/material-kit-react/#/pages/landing-pages/author?ref=readme-mkr) -- [Pricing page](https://demos.creative-tim.com/material-kit-react/#/pages/authentication/sign-in?ref=readme-mkr) - -[View More](https://demos.creative-tim.com/material-kit-react/#/?ref=readme-mkr). - -## Quick start - -Quick start options: - -- Download from [Creative Tim](https://www.creative-tim.com/product/material-kit-react?ref=readme-mkr). - -## Terminal Commands - -1. Download and Install NodeJs LTS version from [NodeJs Official Page](https://nodejs.org/en/download/). -2. Navigate to the root ./ directory of the product and run `yarn install` or `npm install` to install our local dependencies. - -## Documentation - -The documentation for the Material Dashboard is hosted at our [website](https://www.creative-tim.com/learning-lab/react/overview/material-kit/?ref=readme-mkr). - -### What's included - -Within the download you'll find the following directories and files: - -``` -material-kit-2-react - ├── public - │   ├── apple-icon.png - │   ├── favicon.png - │   ├── index.html - │   ├── manifest.json - │   └── robots.txt - ├── src - │   ├── assets - │ │   ├── images - │ │   ├── theme - │ │ │ ├── base - │ │ │  ├── components - │ │ │  ├── functions - │ │ └── └── index.js - │   ├── components - │ │   ├── MKAlert - │ │   ├── MKAvatar - │ │   ├── MKBadge - │ │   ├── MKBox - │ │   ├── MKButton - │ │   ├── MKDatePicker - │ │   ├── MKInput - │ │   ├── MKPagination - │ │   ├── MKrogress - │ │   ├── MKSocialButton - │ │   └── MKTypography - │   ├── examples - │ │   ├── Breadcrumbs - │ │   ├── Cards - │ │   ├── Footer - │ │   └── Navbars - │   ├── layouts - │ │   ├── pages - │ │ │  ├── authentication - │ │ │  ├── landing-pages - │ │ │ └── presentation - │ │   ├── sections - │ │ │  ├── attention-catchers - │ │ │  ├── components - │ │ │  ├── elements - │ │ │  ├── input-areas - │ │ │  ├── navigation - │ │ └── └── page-sections - │   ├── pages - │ │   ├── LandingPages - │ │ └── Presentation - │   ├── App.js - │   ├── index.js - │   ├── footer.routes.js - │   └── routes.js - ├── .eslintrc.json - ├── .prettierrc.json - ├── CHANGELOG.md - ├── ISSUE_TEMPLATE.md - ├── jsconfig.json - ├── package.json - └── README.md -``` - -## Browser Support - -At present, we officially aim to support the last two versions of the following browsers: - - - -## Resources - -- [Live Preview](https://demos.creative-tim.com/material-kit-react/#/?ref=readme-mkr) -- [Buy Page](https://www.creative-tim.com/product/material-kit-react?ref=readme-mkr) -- Documentation is [here](https://www.creative-tim.com/learning-lab/react/overview/material-kit/?ref=readme-mkr) -- [License Agreement](https://www.creative-tim.com/license?ref=readme-mkr) -- [Support](https://www.creative-tim.com/contact-us?ref=readme-mkr) -- Issues: [Github Issues Page](https://github.com/creativetimofficial/ct-material-kit-react/issues) -- [Nepcha Analytics](https://nepcha.com?ref=readme) - Analytics tool for your website - -## Reporting Issues - -We use GitHub Issues as the official bug tracker for the Material Kit 2 React. Here are some advices for our users that want to report an issue: - -1. Make sure that you are using the latest version of the Material Kit 2 React. Check the CHANGELOG from your dashboard on our [website](https://www.creative-tim.com/product/material-kit-react?ref=readme-mkr). -2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed. -3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help. - -## Technical Support or Questions - -If you have questions or need help integrating the product please [contact us](https://www.creative-tim.com/contact-us?ref=readme-mkr) instead of opening an issue. - -## Licensing - -- Copyright 2023 [Creative Tim](https://www.creative-tim.com?ref=readme-mkr) -- Creative Tim [license](https://www.creative-tim.com/license?ref=readme-mkr) - -## Useful Links - -- [More products](https://www.creative-tim.com/templates?ref=readme-mkr) from Creative Tim - -- [Tutorials](https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w) - -- [Freebies](https://www.creative-tim.com/bootstrap-themes/free?ref=readme-mkr) from Creative Tim - -- [Affiliate Program](https://www.creative-tim.com/affiliates/new?ref=readme-mkr) (earn money) - -##### Social Media - -Twitter: - -Facebook: - -Dribbble: - -Google+: - -Instagram: diff --git a/config-overrides.js b/config-overrides.js new file mode 100644 index 000000000..586f83adf --- /dev/null +++ b/config-overrides.js @@ -0,0 +1,50 @@ +const { query } = require("express"); +const { ProvidePlugin } = require("webpack"); + +module.exports = function (config, env) { + return { + ...config, + module: { + ...config.module, + rules: [ + ...config.module.rules, + { + test: /\.m?[jt]sx?$/, + enforce: "pre", + use: ["source-map-loader"], + }, + { + test: /\.m?[jt]sx?$/, + resolve: { + fullySpecified: false, + }, + }, + ], + }, + plugins: [ + ...config.plugins, + new ProvidePlugin({ + process: "process/browser", + }), + ], + resolve: { + ...config.resolve, + fallback: { + assert: require.resolve("assert"), + buffer: require.resolve("buffer"), + crypto: require.resolve("crypto-browserify"), + http: require.resolve("stream-http"), + https: require.resolve("https-browserify"), + stream: require.resolve("stream-browserify"), + url: require.resolve("url/"), + zlib: require.resolve("browserify-zlib"), + vm: require.resolve("vm-browserify"), + querystring: require.resolve("querystring-es3"), + path: require.resolve("path-browserify"), + fs: require.resolve("browserify-fs"), + net: require.resolve("net"), + }, + }, + ignoreWarnings: [/Failed to parse source map/], + }; +}; diff --git a/package.json b/package.json index 950622e11..4899d35d1 100644 --- a/package.json +++ b/package.json @@ -1,17 +1,17 @@ { - "name": "material-kit-2-react", + "name": "pursuit-bet", "version": "2.1.0", "private": true, - "author": "Creative Tim", + "author": "Shake State Studios", "license": "See license in https://www.creative-tim.com/license", - "description": "React version of Material Kit 2 by Creative Tim", - "homepage": "https://demos.creative-tim.com/material-kit-react/#/", + "description": "React app for Pursuit Bet", + "homepage": "https://harlyponari.github.io", "bugs": { - "url": "https://github.com/creativetimofficial/ct-material-kit-react/issues" + "url": "https://github.com/HarlyPonari/pursuit/issues" }, "repository": { "type": "git", - "url": "git+https://github.com/creativetimofficial/ct-material-kit-react.git" + "url": "git+https://github.com/HarlyPonari/pursuit.git" }, "dependencies": { "@emotion/cache": "11.10.7", @@ -20,27 +20,56 @@ "@mui/icons-material": "5.11.16", "@mui/material": "5.12.0", "@mui/styled-engine": "5.12.0", + "@project-serum/anchor": "^0.26.0", + "@solana/wallet-adapter-base": "^0.9.23", + "@solana/wallet-adapter-react": "^0.15.35", + "@solana/wallet-adapter-react-ui": "^0.9.35", + "@solana/wallet-adapter-wallets": "^0.19.32", + "@solana/web3.js": "^1.91.2", "@testing-library/jest-dom": "5.16.5", "@testing-library/react": "14.0.0", "@testing-library/user-event": "14.4.3", + "alchemy-sdk": "^3.2.0", + "browserify-fs": "^1.0.0", + "browserify-zlib": "^0.2.0", "chroma-js": "2.4.2", + "cors": "^2.8.5", + "crypto": "npm:crypto-browserify", + "crypto-browserify": "^3.12.0", + "dotenv": "^16.4.5", + "express": "^4.19.2", "flatpickr": "4.6.13", + "https-browserify": "^1.0.0", + "micro-ftch": "^0.3.1", + "net": "^1.0.2", + "path-browserify": "^1.0.1", "prop-types": "15.8.1", + "querystring-es3": "^0.2.1", "react": "18.2.0", + "react-app-rewired": "^2.2.1", "react-copy-to-clipboard": "5.1.0", "react-countup": "6.4.2", "react-dom": "18.2.0", "react-flatpickr": "3.10.13", "react-router-dom": "6.10.0", - "react-scripts": "5.0.1", + "react-scripts": "^5.0.1", "react-syntax-highlighter": "15.5.0", - "web-vitals": "3.3.1" + "stream-browserify": "^3.0.0", + "stream-http": "^3.2.0", + "url": "^0.11.3", + "vm-browserify": "^1.1.2", + "web-vitals": "3.3.1", + "web3": "^4.5.0", + "webpack": "^5.91.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", + "predeploy": "npm run build", + "deploy": "gh-pages -b main -d build", + "start": "react-app-rewired start", + "build": "react-app-rewired build", "test": "react-scripts test", "eject": "react-scripts eject", + "web": "webpack", "lint": "eslint ./src", "prettify": "prettier --write ." }, @@ -71,5 +100,9 @@ "eslint-plugin-react": "7.32.2", "eslint-plugin-react-hooks": "4.6.0", "prettier": "2.8.7" - } + }, + "browser": { + "crypto": false + }, + "proxy": "http://localhost:3000" } diff --git a/public/index.html b/public/index.html index fedc2eff1..1a454c515 100644 --- a/public/index.html +++ b/public/index.html @@ -17,12 +17,12 @@ - + - + - Material Kit 2 React by Creative Tim + Pursuit.Bet { + try { + const targetUrl = "https://pro-api.coinmarketcap.com/v1/cryptocurrency/listings/latest"; + + const response = await fetch(targetUrl, { + headers: { + "X-CMC_PRO_API_KEY": "cff2c339-53ae-43d4-adbe-c68fa777706a", + Host: "pro-api.coinmarketcap.com", + }, + }); + + const getLatest = await response.json(); + + const price = getLatest.data.find((coin) => coin.symbol === "SOL").quote.USD.price; + // console.log("USD for SOL =", price); + + res.send(price.toString()); + } catch (e) { + console.log(e); + } +}); + +app.listen(port, () => { + console.log(`Server listening at http://localhost:${port}`); +}); diff --git a/src/App.js b/src/App.js index 9809064ab..7125c570f 100644 --- a/src/App.js +++ b/src/App.js @@ -18,6 +18,8 @@ import { useEffect } from "react"; // react-router components import { Routes, Route, Navigate, useLocation } from "react-router-dom"; +import { BrowserRouter as Router } from 'react-router-dom'; + // @mui material components import { ThemeProvider } from "@mui/material/styles"; import CssBaseline from "@mui/material/CssBaseline"; @@ -61,4 +63,4 @@ export default function App() { ); -} +} \ No newline at end of file diff --git a/src/assets/images/Designer.png b/src/assets/images/Designer.png new file mode 100644 index 000000000..2eb4544ca Binary files /dev/null and b/src/assets/images/Designer.png differ diff --git a/src/assets/images/Z.png b/src/assets/images/Z.png new file mode 100644 index 000000000..62eac14a4 Binary files /dev/null and b/src/assets/images/Z.png differ diff --git a/src/assets/images/about-us.jpg b/src/assets/images/about-us.jpg new file mode 100644 index 000000000..4d1d517ed Binary files /dev/null and b/src/assets/images/about-us.jpg differ diff --git a/src/assets/images/discordIcon.png b/src/assets/images/discordIcon.png new file mode 100644 index 000000000..cd549069a Binary files /dev/null and b/src/assets/images/discordIcon.png differ diff --git a/src/assets/images/illustrations/contact-us.png b/src/assets/images/illustrations/contact-us.png new file mode 100644 index 000000000..39de23583 Binary files /dev/null and b/src/assets/images/illustrations/contact-us.png differ diff --git a/src/assets/images/illustrations/illustration-reset.jpg b/src/assets/images/illustrations/illustration-reset.jpg deleted file mode 100644 index 6eb78266b..000000000 Binary files a/src/assets/images/illustrations/illustration-reset.jpg and /dev/null differ diff --git a/src/assets/images/logo-discord.svg b/src/assets/images/logo-discord.svg new file mode 100644 index 000000000..2edcf10a3 --- /dev/null +++ b/src/assets/images/logo-discord.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/logos/metamask-logo.svg b/src/assets/images/logos/metamask-logo.svg new file mode 100644 index 000000000..47ccb58a1 --- /dev/null +++ b/src/assets/images/logos/metamask-logo.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/logos/metamask.png b/src/assets/images/logos/metamask.png new file mode 100644 index 000000000..89af7d7a9 Binary files /dev/null and b/src/assets/images/logos/metamask.png differ diff --git a/src/assets/images/logos/phantom-icon.svg b/src/assets/images/logos/phantom-icon.svg new file mode 100644 index 000000000..d763c4988 --- /dev/null +++ b/src/assets/images/logos/phantom-icon.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/assets/images/logos/phantom.png b/src/assets/images/logos/phantom.png new file mode 100644 index 000000000..2b78d5963 Binary files /dev/null and b/src/assets/images/logos/phantom.png differ diff --git a/src/assets/images/logos/solflare-logo.svg b/src/assets/images/logos/solflare-logo.svg new file mode 100644 index 000000000..105b3b3bd --- /dev/null +++ b/src/assets/images/logos/solflare-logo.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/logos/solflare.png b/src/assets/images/logos/solflare.png new file mode 100644 index 000000000..e2aa0a234 Binary files /dev/null and b/src/assets/images/logos/solflare.png differ diff --git a/src/assets/images/miniLogo.png b/src/assets/images/miniLogo.png new file mode 100644 index 000000000..970ce3567 Binary files /dev/null and b/src/assets/images/miniLogo.png differ diff --git a/src/assets/images/pursuit1.jpg b/src/assets/images/pursuit1.jpg new file mode 100644 index 000000000..0aef6f1e4 Binary files /dev/null and b/src/assets/images/pursuit1.jpg differ diff --git a/src/assets/theme/base/colors.js b/src/assets/theme/base/colors.js index d40398761..7552c3623 100644 --- a/src/assets/theme/base/colors.js +++ b/src/assets/theme/base/colors.js @@ -84,6 +84,21 @@ export default { focus: "#2c3c58", }, + metamask: { + main: "#F5841F", + focus: "#F5841F", + }, + + phantom: { + main: "#9886E5", + focus: "#9886E5", + }, + + solflare: { + main: "#FE9816", + focus: "#FE9816", + }, + grey: { 100: "#f8f9fa", 200: "#f0f2f5", diff --git a/src/components/AppWithProvider/AppWithProvider.js b/src/components/AppWithProvider/AppWithProvider.js new file mode 100644 index 000000000..932b37b08 --- /dev/null +++ b/src/components/AppWithProvider/AppWithProvider.js @@ -0,0 +1,44 @@ +import { WalletAdapterNetwork } from "@solana/wallet-adapter-base"; +import { ConnectionProvider, useAnchorWallet, WalletProvider } from "@solana/wallet-adapter-react"; +import { WalletModalProvider } from "@solana/wallet-adapter-react-ui"; +import { + PhantomWalletAdapter, + TrustWalletAdapter, + SolflareWalletAdapter, +} from "@solana/wallet-adapter-wallets"; +import { Program, AnchorProvider, web3, BN } from "@project-serum/anchor"; +import { clusterApiUrl, Connection } from "@solana/web3.js"; +import React, { useMemo } from "react"; +import idl from "../../idl.json"; + +require("@solana/wallet-adapter-react-ui/styles.css"); + +const AppWithProvider = ({ children }) => { + // The clusterApiUrl function returns the RPC endpoint for the specified network. + // the network can be set to 'devnet', 'testnet', or 'mainnet-beta' + const network = WalletAdapterNetwork.Testnet; + + // The endpoint variable is set to the RPC endpoint for the specified network. + const endpoint = useMemo(() => clusterApiUrl(network), [network]); + + //@Solana/wallet-adapter-wallets is a package that provides wallet adapters for various Solana wallets. + const wallets = useMemo( + () => [ + new PhantomWalletAdapter(), + new TrustWalletAdapter(), + new SolflareWalletAdapter({ network }), + ], + [network] + ); + + return ( + + + {children} + + + ); +}; + + +export default AppWithProvider; diff --git a/src/components/BetButton/BetButton.js b/src/components/BetButton/BetButton.js new file mode 100644 index 000000000..2df4bc885 --- /dev/null +++ b/src/components/BetButton/BetButton.js @@ -0,0 +1,75 @@ +import React from "react"; +import MKButton from "components/MKButton"; +import { useWallet } from "@solana/wallet-adapter-react"; +import { + clusterApiUrl, + Connection, + Keypair, + LAMPORTS_PER_SOL, + SystemProgram, + Transaction, +} from "@solana/web3.js"; +import { WalletMultiButton } from "@solana/wallet-adapter-react-ui"; +import * as buffer from "buffer"; + +window.Buffer = buffer.Buffer; + +const BetButton = ({ amount }) => { + const wallet = useWallet(); + const reciever = Keypair.generate(); + + async function createTransaction() { + if (!wallet.publicKey) { + console.log("Could not get the public key"); + return; + } + + if (!reciever.publicKey) { + console.log("could not get reciever public key"); + } + + const connection = new Connection( + //This must also be paid for i assume? + //"https://solana-mainnet.core.chainstack.com/9c6edcd1282837e03c335e5a6dc7fd46", + + "https://api.devnet.solana.com", + "processed" + ); + + const response = await fetch("/presentation/bet"); + const data = await response.text(); + + //console.log("Data object:", data); + const price = parseFloat(data); + //console.log("Price object:", price); + + console.log("Cost of Transaction:", amount * (1/price), "SOL"); + + const tx = new Transaction().add( + SystemProgram.transfer({ + fromPubkey: wallet.publicKey, + toPubkey: reciever.publicKey, + //This needs to actually account for dollar to sol conversion + lamports: parseInt(LAMPORTS_PER_SOL * (amount * (1/price))), + }) + ); + + try { + const signature = await wallet.sendTransaction(tx, connection); + return signature; + } catch (e) { + console.log(e); + } + } + + return ( + + + Send Money!!! + + + + ); +}; + +export default BetButton; diff --git a/src/components/DiscordIcon/index.js b/src/components/DiscordIcon/index.js new file mode 100644 index 000000000..053642c62 --- /dev/null +++ b/src/components/DiscordIcon/index.js @@ -0,0 +1,12 @@ +import { SvgIcon } from "@mui/material"; + +function DiscordIcon() { + + + Discord + + + ; +} + +export default DiscordIcon; diff --git a/src/components/DiscordInvite/DiscordInvite.js b/src/components/DiscordInvite/DiscordInvite.js new file mode 100644 index 000000000..cc39ddc1c --- /dev/null +++ b/src/components/DiscordInvite/DiscordInvite.js @@ -0,0 +1,12 @@ +import React from "react"; +import Card from "@mui/core/Card"; + +const DiscordInvite = () => { + return ( +
+ +
+ ); +}; + +export default DiscordInvite; diff --git a/src/examples/Navbars/DefaultNavbar/index.js b/src/examples/Navbars/DefaultNavbar/index.js index 93eeaa650..becf5dfe8 100644 --- a/src/examples/Navbars/DefaultNavbar/index.js +++ b/src/examples/Navbars/DefaultNavbar/index.js @@ -551,7 +551,7 @@ function DefaultNavbar({ brand, routes, transparent, light, action, sticky, rela // Setting default values for the props of DefaultNavbar DefaultNavbar.defaultProps = { - brand: "Material Kit 2", + brand: "Pursuit.Bet", transparent: false, light: false, action: false, diff --git a/src/footer.routes.js b/src/footer.routes.js index c00c65164..95206a0b1 100644 --- a/src/footer.routes.js +++ b/src/footer.routes.js @@ -1,58 +1,40 @@ // @mui icons -import FacebookIcon from "@mui/icons-material/Facebook"; + +//import FacebookIcon from "@mui/icons-material/Facebook"; +//import GitHubIcon from "@mui/icons-material/GitHub"; +//import YouTubeIcon from "@mui/icons-material/YouTube"; import TwitterIcon from "@mui/icons-material/Twitter"; -import GitHubIcon from "@mui/icons-material/GitHub"; -import YouTubeIcon from "@mui/icons-material/YouTube"; +import DiscordIcon from "../src/components/DiscordIcon/index.js"; // Material Kit 2 React components import MKTypography from "components/MKTypography"; // Images -import logoCT from "assets/images/logo-ct-dark.png"; +import logoCT from "assets/images/miniLogo.png"; +//import icon from "assets/theme/components/icon"; const date = new Date().getFullYear(); export default { brand: { - name: "Material Kit 2", + name: "Pursuit.Bet", image: logoCT, route: "/", }, socials: [ - { - icon: , - link: "https://www.facebook.com/CreativeTim/", - }, { icon: , - link: "https://twitter.com/creativetim", - }, - { - icon: , - link: "https://github.com/creativetimofficial", + link: "https://twitter.com/Pursuit_Bet", }, { - icon: , - link: "https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w", + icon: , + link: "https://discord.gg/9szpApnk", }, ], menus: [ { name: "company", - items: [ - { name: "about us", href: "https://www.creative-tim.com/presentation" }, - { name: "freebies", href: "https://www.creative-tim.com/templates/free" }, - { name: "premium tools", href: "https://www.creative-tim.com/templates/premium" }, - { name: "blog", href: "https://www.creative-tim.com/blog" }, - ], - }, - { - name: "resources", - items: [ - { name: "illustrations", href: "https://iradesign.io/" }, - { name: "bits & snippets", href: "https://www.creative-tim.com/bits" }, - { name: "affiliate program", href: "https://www.creative-tim.com/affiliates/new" }, - ], + items: [{ name: "about us", href: "https://www.creative-tim.com/presentation" }], }, { name: "help & support", @@ -63,6 +45,14 @@ export default { { name: "sponsorships", href: "https://www.creative-tim.com/sponsorships" }, ], }, + { + name: "looksmaxing", + items: [ + { name: "Bonesmashing", href: "https://www.creative-tim.com/terms" }, + { name: "Mogging", href: "https://www.creative-tim.com/privacy" }, + { name: "Gooning", href: "https://www.creative-tim.com/license" }, + ], + }, { name: "legal", items: [ @@ -74,7 +64,7 @@ export default { ], copyright: ( - All rights reserved. Copyright © {date} Material Kit by{" "} + All rights reserved. Copyright © {date} by{" "} - Creative Tim + Shake State Studios . diff --git a/src/idl.json b/src/idl.json new file mode 100644 index 000000000..b597fecd8 --- /dev/null +++ b/src/idl.json @@ -0,0 +1,82 @@ +{ + "version": "0.1.0", + "name": "basic_1", + "instructions": [ + { + "name": "initialize", + "accounts": [ + { + "name": "myAccount", + "isMut": true, + "isSigner": true + }, + { + "name": "user", + "isMut": true, + "isSigner": true + }, + { + "name": "systemProgram", + "isMut": false, + "isSigner": false + } + ], + "args": [] + }, + { + "name": "update", + "accounts": [ + { + "name": "myAccount", + "isMut": true, + "isSigner": false + } + ], + "args": [ + { + "name": "data", + "type": "u64" + } + ] + }, + { + "name": "increment", + "accounts": [ + { + "name": "myAccount", + "isMut": true, + "isSigner": false + } + ], + "args": [] + }, + { + "name": "decrement", + "accounts": [ + { + "name": "myAccount", + "isMut": true, + "isSigner": false + } + ], + "args": [] + } + ], + "accounts": [ + { + "name": "MyAccount", + "type": { + "kind": "struct", + "fields": [ + { + "name": "data", + "type": "u64" + } + ] + } + } + ], + "metadata": { + "address": "FExttTLCLK2hRAgAXR7sxxxDHv49ZAeK83T1oudaPTU4" + } +} diff --git a/src/index.js b/src/index.js index 9b4a5331d..9782113c7 100644 --- a/src/index.js +++ b/src/index.js @@ -16,7 +16,8 @@ Coded by www.creative-tim.com import React from "react"; import * as ReactDOMClient from "react-dom/client"; import { BrowserRouter } from "react-router-dom"; -import App from "App"; +import App from "./App"; +import AppWithProvider from "./components/AppWithProvider/AppWithProvider"; const container = document.getElementById("root"); @@ -25,6 +26,8 @@ const root = ReactDOMClient.createRoot(container); root.render( - + + + ); diff --git a/src/layouts/sections/components/BaseLayout/index.js b/src/layouts/sections/components/BaseLayout/index.js index b599c7436..4878f0d75 100644 --- a/src/layouts/sections/components/BaseLayout/index.js +++ b/src/layouts/sections/components/BaseLayout/index.js @@ -38,12 +38,12 @@ function BaseLayout({ breadcrumb, title, children }) { diff --git a/src/layouts/sections/navigation/navbars/components/NavbarDark/code.js b/src/layouts/sections/navigation/navbars/components/NavbarDark/code.js index 0dc856f98..912ac624c 100644 --- a/src/layouts/sections/navigation/navbars/components/NavbarDark/code.js +++ b/src/layouts/sections/navigation/navbars/components/NavbarDark/code.js @@ -14,8 +14,8 @@ function NavbarDark() { routes={routes} action={{ type: "external", - route: "https://www.creative-tim.com/product/material-kit-react", - label: "free download", + route: "https://discord.gg/h9cGqHp5Fw", + label: "Join our discord", color: "info", }} transparent diff --git a/src/layouts/sections/navigation/navbars/components/NavbarDark/index.js b/src/layouts/sections/navigation/navbars/components/NavbarDark/index.js index 7d107a68b..9b973dde3 100644 --- a/src/layouts/sections/navigation/navbars/components/NavbarDark/index.js +++ b/src/layouts/sections/navigation/navbars/components/NavbarDark/index.js @@ -30,8 +30,8 @@ function NavbarDark() { routes={routes} action={{ type: "external", - route: "https://www.creative-tim.com/product/material-kit-react", - label: "free download", + route: "https://discord.gg/h9cGqHp5Fw", + label: "Join our discord", color: "info", }} transparent diff --git a/src/pages/LandingPages/AboutUs/index.js b/src/pages/LandingPages/AboutUs/index.js index ed8b72375..cee6186a4 100644 --- a/src/pages/LandingPages/AboutUs/index.js +++ b/src/pages/LandingPages/AboutUs/index.js @@ -25,20 +25,16 @@ import MKButton from "components/MKButton"; // Material Kit 2 React examples import DefaultNavbar from "examples/Navbars/DefaultNavbar"; -import DefaultFooter from "examples/Footers/DefaultFooter"; +// import DefaultFooter from "examples/Footers/DefaultFooter"; // About Us page sections -import Information from "pages/LandingPages/AboutUs/sections/Information"; -import Team from "pages/LandingPages/AboutUs/sections/Team"; -import Featuring from "pages/LandingPages/AboutUs/sections/Featuring"; -import Newsletter from "pages/LandingPages/AboutUs/sections/Newsletter"; +import Featuring from "pages/LandingPages/AboutUs/sections/Featuring"; // Routes import routes from "routes"; -import footerRoutes from "footer.routes"; - +// import footerRoutes from "footer.routes"; // Images -import bgImage from "assets/images/bg-about-us.jpg"; +import bgImage from "assets/images/about-us.jpg"; function AboutUs() { return ( @@ -47,15 +43,15 @@ function AboutUs() { routes={routes} action={{ type: "external", - route: "https://www.creative-tim.com/product/material-kit-react", - label: "free download", - color: "default", + route: "https://discord.gg/h9cGqHp5Fw", + label: "Join our discord", + color: "info", }} transparent light /> @@ -89,52 +85,33 @@ function AboutUs() { }, })} > - Work with an amazing design + Mission Statement - We're constantly trying to express ourselves and actualize our dreams. If you - have the opportunity to play this game + At Pursuit, we strive to revolutionize the betting experience by merging the thrill of + live events with the power of blockchain technology. Our mission is to provide a + secure and transparent platform where users can engage in para-mutuel betting on live + events, leveraging cryptocurrencies for seamless transactions. We aim to create an + immersive betting environment that offers unique and entertaining experiences while + prioritizing user privacy and security. - dark.main }}> - create account - Find us on - - - - - - - + - - - - xxl, - }} - > - - - - - - - - ); } diff --git a/src/pages/LandingPages/AboutUs/sections/Featuring.js b/src/pages/LandingPages/AboutUs/sections/Featuring.js index ce49abfdd..afcd72860 100644 --- a/src/pages/LandingPages/AboutUs/sections/Featuring.js +++ b/src/pages/LandingPages/AboutUs/sections/Featuring.js @@ -66,7 +66,7 @@ function Featuring() { - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ); -} - -export default Information; diff --git a/src/pages/LandingPages/AboutUs/sections/Newsletter.js b/src/pages/LandingPages/AboutUs/sections/Newsletter.js deleted file mode 100644 index 69a4e0c7e..000000000 --- a/src/pages/LandingPages/AboutUs/sections/Newsletter.js +++ /dev/null @@ -1,63 +0,0 @@ -/* eslint-disable react/jsx-no-duplicate-props */ -/* -========================================================= -* Material Kit 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-kit-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 Container from "@mui/material/Container"; -import Grid from "@mui/material/Grid"; - -// Material Kit 2 React components -import MKBox from "components/MKBox"; -import MKTypography from "components/MKTypography"; -import MKInput from "components/MKInput"; -import MKButton from "components/MKButton"; - -// Images -import macbook from "assets/images/macbook.png"; - -function Newsletter() { - return ( - - - - - Be the first to see the news - - Your company may not be in the software business, but eventually, a software company - will be in your business. - - - - - - - - Subscribe - - - - - - - - - - - - - ); -} - -export default Newsletter; diff --git a/src/pages/LandingPages/AboutUs/sections/Team.js b/src/pages/LandingPages/AboutUs/sections/Team.js deleted file mode 100644 index 8cb2817a3..000000000 --- a/src/pages/LandingPages/AboutUs/sections/Team.js +++ /dev/null @@ -1,103 +0,0 @@ -/* -========================================================= -* Material Kit 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-kit-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 Container from "@mui/material/Container"; -import Grid from "@mui/material/Grid"; - -// Material Kit 2 React components -import MKBox from "components/MKBox"; -import MKTypography from "components/MKTypography"; - -// Material Kit 2 React examples -import HorizontalTeamCard from "examples/Cards/TeamCards/HorizontalTeamCard"; - -// Images -import team1 from "assets/images/team-5.jpg"; -import team2 from "assets/images/bruce-mars.jpg"; -import team3 from "assets/images/ivana-squares.jpg"; -import team4 from "assets/images/ivana-square.jpg"; - -function Team() { - return ( - - - - - - The Executive Team - - - There's nothing I really wanted to do in life that I wasn't able to get good - at. That's my skill. - - - - - - - - - - - - - - - - - - - - - - - - - - - - ); -} - -export default Team; diff --git a/src/pages/LandingPages/Author/index.js b/src/pages/LandingPages/Author/index.js index 8cdf5ee93..9954364d4 100644 --- a/src/pages/LandingPages/Author/index.js +++ b/src/pages/LandingPages/Author/index.js @@ -41,8 +41,8 @@ function Author() { routes={routes} action={{ type: "external", - route: "https://www.creative-tim.com/product/material-kit-react", - label: "free download", + route: "https://discord.gg/h9cGqHp5Fw", + label: "Join our discord", color: "info", }} transparent diff --git a/src/pages/LandingPages/ContactUs/index.js b/src/pages/LandingPages/ContactUs/index.js index b1ad9fc3e..1861f02f2 100644 --- a/src/pages/LandingPages/ContactUs/index.js +++ b/src/pages/LandingPages/ContactUs/index.js @@ -31,7 +31,7 @@ import routes from "routes"; import footerRoutes from "footer.routes"; // Image -import bgImage from "assets/images/illustrations/illustration-reset.jpg"; +import bgImage from "assets/images/illustrations/contact-us.png"; function ContactUs() { return ( @@ -41,106 +41,113 @@ function ContactUs() { routes={routes} action={{ type: "external", - route: "https://www.creative-tim.com/product/material-kit-react", - label: "free download", + route: "https://discord.gg/h9cGqHp5Fw", + label: "Join our discord", color: "info", }} /> - - - - - - + + + + + + - - Contact us - - - - - For further questions, including partnership opportunities, please email - hello@creative-tim.com or contact using our contact form. - - - - - - - - + + + Contact us + + + + + We are here to help you. Please fill out the form below and we will get back to you + as soon as possible. + + + + + + + + + + + + - - + + + Send Message + - - - - Send Message - - + - + - - - ); diff --git a/src/pages/LandingPages/SignIn/index.js b/src/pages/LandingPages/SignIn/index.js index 18e7b8076..c47ba3275 100644 --- a/src/pages/LandingPages/SignIn/index.js +++ b/src/pages/LandingPages/SignIn/index.js @@ -56,8 +56,8 @@ function SignInBasic() { routes={routes} action={{ type: "external", - route: "https://www.creative-tim.com/product/material-kit-react", - label: "free download", + route: "https://discord.gg/h9cGqHp5Fw", + label: "Join our discord", color: "info", }} transparent diff --git a/src/pages/Presentation/index.js b/src/pages/Presentation/index.js index 8c14779dd..0a876649f 100644 --- a/src/pages/Presentation/index.js +++ b/src/pages/Presentation/index.js @@ -14,6 +14,8 @@ Coded by www.creative-tim.com */ // @mui material components +import React, { useState } from "react"; + import Container from "@mui/material/Container"; import Grid from "@mui/material/Grid"; import Card from "@mui/material/Card"; @@ -21,57 +23,89 @@ import Card from "@mui/material/Card"; // Material Kit 2 React components import MKBox from "components/MKBox"; import MKTypography from "components/MKTypography"; -import MKSocialButton from "components/MKSocialButton"; +import Typography from "@mui/material/Typography"; // Material Kit 2 React examples import DefaultNavbar from "examples/Navbars/DefaultNavbar"; -import DefaultFooter from "examples/Footers/DefaultFooter"; -import FilledInfoCard from "examples/Cards/InfoCards/FilledInfoCard"; - -// Presentation page sections -import Counters from "pages/Presentation/sections/Counters"; -import Information from "pages/Presentation/sections/Information"; -import DesignBlocks from "pages/Presentation/sections/DesignBlocks"; -import Pages from "pages/Presentation/sections/Pages"; -import Testimonials from "pages/Presentation/sections/Testimonials"; -import Download from "pages/Presentation/sections/Download"; - -// Presentation page components -import BuiltByDevelopers from "pages/Presentation/components/BuiltByDevelopers"; +// import DefaultFooter from "examples/Footers/DefaultFooter"; +// import footerRoutes from "footer.routes"; // Routes import routes from "routes"; -import footerRoutes from "footer.routes"; + +import InputAdornment from "@mui/material/InputAdornment"; // Images -import bgImage from "assets/images/bg-presentation.jpg"; +import bgImage from "assets/images/Z.png"; + +// import TwitterIcon from "@mui/icons-material/Twitter"; +import MKButton from "components/MKButton"; +import TextField from "@mui/material/TextField"; +import BetButton from "components/BetButton/BetButton"; +// import Button from "assets/theme/components/button"; +// import { CurrencyBitcoin } from "@mui/icons-material"; + function Presentation() { + const [inputValue, setInputValue] = useState(""); + const [intValue, setIntValue] = useState(0); + + const handleInputChange = (e) => { + const rawValue = e.target.value.replace(/,/g, ""); + // let rawValue = e.target.value; + // rawValue = rawValue.replace(/,/g, ""); + if (isNaN(rawValue)) { + console.log("Input was not a number"); + return; + } + + const _intValue = parseInt(rawValue, 10); + setIntValue(_intValue); + const formattedValue = Number(rawValue).toLocaleString(); + setInputValue(formattedValue); + }; + + return ( <> + {/*The background Image and hero texts*/} +
+ {/*The title of the page*/} - Material Kit 2 React{" "} + Pursuit.Bet{" "} + {/*The blurb of the page*/} - Free & Open Source Web UI Kit built over ReactJS & MUI. Join over 1.6 million - developers around the world. + Your only one stop page for all your betting needs. We provide the best odds and the + best betting experience. @@ -102,122 +137,98 @@ function Presentation() { sx={{ p: 2, mx: { xs: 2, lg: 3 }, - mt: -8, - mb: 4, backgroundColor: ({ palette: { white }, functions: { rgba } }) => rgba(white.main, 0.8), backdropFilter: "saturate(200%) blur(30px)", boxShadow: ({ boxShadows: { xxl } }) => xxl, }} > - - - - - - - - - - - - - - - - - - - - - - - - - - - - Thank you for your support! - - - We deliver the best web products - + + {/*Left Card*/} + + + + + + To begin betting, you need to deposit point into your account. You can do this + by joining our discord server + + + + { + window.open("https://discord.gg/h9cGqHp5Fw"); + }} + > + Join our discord + + + + + {/*Right Card*/} + + - - -  Tweet - - - -  Share - - - -  Pin it - + + + Deposit points into your account using the methods below. + + + + + $, + endAdornment: .00, + }} + inputProps={{ + maxLength: 10, + sx: { textAlign: "right", fontSize: 20 }, + }} + > + {/* */} + {/* */} + + + + + + This is how many points will be deposited into your account + + Points, + }} + inputProps={{ style: { textAlign: "right", fontSize: "15px" } }} + > + - - - + + + - - - ); } diff --git a/src/routes.js b/src/routes.js index 5f51da2e5..5cdbac029 100644 --- a/src/routes.js +++ b/src/routes.js @@ -23,6 +23,7 @@ Coded by www.creative-tim.com For adding a new route you can follow the existing routes in the routes array. 1. The `name` key is used for the name of the route on the Navbar. 2. The `icon` key is used for the icon of the route on the Navbar. + Wont ever need step 3 3. The `collapse` key is used for making a collapsible item on the Navbar that contains other routes inside (nested routes), you need to pass the nested routes inside an array as a value for the `collapse` key. 4. The `route` key is used to store the route location which is used for the react router. @@ -40,43 +41,41 @@ Coded by www.creative-tim.com import Icon from "@mui/material/Icon"; // @mui icons -import GitHubIcon from "@mui/icons-material/GitHub"; +// import GitHubIcon from "@mui/icons-material/GitHub"; // Pages import AboutUs from "layouts/pages/landing-pages/about-us"; import ContactUs from "layouts/pages/landing-pages/contact-us"; -import Author from "layouts/pages/landing-pages/author"; -import SignIn from "layouts/pages/authentication/sign-in"; // Sections -import PageHeaders from "layouts/sections/page-sections/page-headers"; -import Features from "layouts/sections/page-sections/featuers"; -import Navbars from "layouts/sections/navigation/navbars"; -import NavTabs from "layouts/sections/navigation/nav-tabs"; -import Pagination from "layouts/sections/navigation/pagination"; -import Inputs from "layouts/sections/input-areas/inputs"; -import Forms from "layouts/sections/input-areas/forms"; -import Alerts from "layouts/sections/attention-catchers/alerts"; -import Modals from "layouts/sections/attention-catchers/modals"; -import TooltipsPopovers from "layouts/sections/attention-catchers/tooltips-popovers"; -import Avatars from "layouts/sections/elements/avatars"; -import Badges from "layouts/sections/elements/badges"; -import BreadcrumbsEl from "layouts/sections/elements/breadcrumbs"; -import Buttons from "layouts/sections/elements/buttons"; -import Dropdowns from "layouts/sections/elements/dropdowns"; -import ProgressBars from "layouts/sections/elements/progress-bars"; -import Toggles from "layouts/sections/elements/toggles"; -import Typography from "layouts/sections/elements/typography"; +// import PageHeaders from "layouts/sections/page-sections/page-headers"; +// import Features from "layouts/sections/page-sections/featuers"; +// import Navbars from "layouts/sections/navigation/navbars"; +// import NavTabs from "layouts/sections/navigation/nav-tabs"; +// import Pagination from "layouts/sections/navigation/pagination"; +// import Inputs from "layouts/sections/input-areas/inputs"; +// import Forms from "layouts/sections/input-areas/forms"; +// import Alerts from "layouts/sections/attention-catchers/alerts"; +// import Modals from "layouts/sections/attention-catchers/modals"; +// import TooltipsPopovers from "layouts/sections/attention-catchers/tooltips-popovers"; +// import Avatars from "layouts/sections/elements/avatars"; +// import Badges from "layouts/sections/elements/badges"; +// import BreadcrumbsEl from "layouts/sections/elements/breadcrumbs"; +// import Buttons from "layouts/sections/elements/buttons"; +// import Dropdowns from "layouts/sections/elements/dropdowns"; +// import ProgressBars from "layouts/sections/elements/progress-bars"; +// import Toggles from "layouts/sections/elements/toggles"; +// import Typography from "layouts/sections/elements/typography"; const routes = [ { - name: "pages", + name: "Explore", icon: dashboard, columns: 1, rowsPerColumn: 2, collapse: [ { - name: "landing pages", + name: "Company", collapse: [ { name: "about us", @@ -88,187 +87,172 @@ const routes = [ route: "/pages/landing-pages/contact-us", component: , }, - { - name: "author", - route: "/pages/landing-pages/author", - component: , - }, - ], - }, - { - name: "account", - collapse: [ - { - name: "sign in", - route: "/pages/authentication/sign-in", - component: , - }, - ], - }, - ], - }, - { - name: "sections", - icon: view_day, - collapse: [ - { - name: "page sections", - description: "See all sections", - dropdown: true, - collapse: [ - { - name: "page headers", - route: "/sections/page-sections/page-headers", - component: , - }, - { - name: "features", - route: "/sections/page-sections/features", - component: , - }, - ], - }, - { - name: "navigation", - description: "See all navigations", - dropdown: true, - collapse: [ - { - name: "navbars", - route: "/sections/navigation/navbars", - component: , - }, - { - name: "nav tabs", - route: "/sections/navigation/nav-tabs", - component: , - }, - { - name: "pagination", - route: "/sections/navigation/pagination", - component: , - }, - ], - }, - { - name: "input areas", - description: "See all input areas", - dropdown: true, - collapse: [ - { - name: "inputs", - route: "/sections/input-areas/inputs", - component: , - }, - { - name: "forms", - route: "/sections/input-areas/forms", - component: , - }, - ], - }, - { - name: "attention catchers", - description: "See all examples", - dropdown: true, - collapse: [ - { - name: "alerts", - route: "/sections/attention-catchers/alerts", - component: , - }, - { - name: "modals", - route: "/sections/attention-catchers/modals", - component: , - }, - { - name: "tooltips & popovers", - route: "/sections/attention-catchers/tooltips-popovers", - component: , - }, ], }, - { - name: "elements", - description: "See all 32 examples", - dropdown: true, - collapse: [ - { - name: "avatars", - route: "/sections/elements/avatars", - component: , - }, - { - name: "badges", - route: "/sections/elements/badges", - component: , - }, - { - name: "breadcrumbs", - route: "/sections/elements/breadcrumbs", - component: , - }, - { - name: "buttons", - route: "/sections/elements/buttons", - component: , - }, - { - name: "dropdowns", - route: "/sections/elements/dropdowns", - component: , - }, - { - name: "progress bars", - route: "/sections/elements/progress-bars", - component: , - }, - { - name: "toggles", - route: "/sections/elements/toggles", - component: , - }, - { - name: "typography", - route: "/sections/elements/typography", - component: , - }, - ], - }, - ], - }, - { - name: "docs", - icon: article, - collapse: [ - { - name: "getting started", - description: "All about overview, quick start, license and contents", - href: "https://www.creative-tim.com/learning-lab/react/quick-start/material-kit/", - }, - { - name: "foundation", - description: "See our colors, icons and typography", - href: "https://www.creative-tim.com/learning-lab/react/colors/material-kit/", - }, - { - name: "components", - description: "Explore our collection of fully designed components", - href: "https://www.creative-tim.com/learning-lab/react/alerts/material-kit/", - }, - { - name: "plugins", - description: "Check how you can integrate our plugins", - href: "https://www.creative-tim.com/learning-lab/react/datepicker/material-kit/", - }, ], }, - { - name: "github", - icon: , - href: "https://www.github.com/creativetimofficial/material-kit-react", - }, + // { + // name: "sections", + // icon: view_day, + // collapse: [ + // { + // name: "page sections", + // description: "See all sections", + // dropdown: true, + // collapse: [ + // { + // name: "page headers", + // route: "/sections/page-sections/page-headers", + // component: , + // }, + // { + // name: "features", + // route: "/sections/page-sections/features", + // component: , + // }, + // ], + // }, + // { + // name: "navigation", + // description: "See all navigations", + // dropdown: true, + // collapse: [ + // { + // name: "navbars", + // route: "/sections/navigation/navbars", + // component: , + // }, + // { + // name: "nav tabs", + // route: "/sections/navigation/nav-tabs", + // component: , + // }, + // { + // name: "pagination", + // route: "/sections/navigation/pagination", + // component: , + // }, + // ], + // }, + // { + // name: "input areas", + // description: "See all input areas", + // dropdown: true, + // collapse: [ + // { + // name: "inputs", + // route: "/sections/input-areas/inputs", + // component: , + // }, + // { + // name: "forms", + // route: "/sections/input-areas/forms", + // component: , + // }, + // ], + // }, + // { + // name: "attention catchers", + // description: "See all examples", + // dropdown: true, + // collapse: [ + // { + // name: "alerts", + // route: "/sections/attention-catchers/alerts", + // component: , + // }, + // { + // name: "modals", + // route: "/sections/attention-catchers/modals", + // component: , + // }, + // { + // name: "tooltips & popovers", + // route: "/sections/attention-catchers/tooltips-popovers", + // component: , + // }, + // ], + // }, + // { + // name: "elements", + // description: "See all 32 examples", + // dropdown: true, + // collapse: [ + // { + // name: "avatars", + // route: "/sections/elements/avatars", + // component: , + // }, + // { + // name: "badges", + // route: "/sections/elements/badges", + // component: , + // }, + // { + // name: "breadcrumbs", + // route: "/sections/elements/breadcrumbs", + // component: , + // }, + // { + // name: "buttons", + // route: "/sections/elements/buttons", + // component: , + // }, + // { + // name: "dropdowns", + // route: "/sections/elements/dropdowns", + // component: , + // }, + // { + // name: "progress bars", + // route: "/sections/elements/progress-bars", + // component: , + // }, + // { + // name: "toggles", + // route: "/sections/elements/toggles", + // component: , + // }, + // { + // name: "typography", + // route: "/sections/elements/typography", + // component: , + // }, + // ], + // }, + // ], + // }, + // { + // name: "docs", + // icon: article, + // collapse: [ + // { + // name: "getting started", + // description: "All about overview, quick start, license and contents", + // href: "https://www.creative-tim.com/learning-lab/react/quick-start/material-kit/", + // }, + // { + // name: "foundation", + // description: "See our colors, icons and typography", + // href: "https://www.creative-tim.com/learning-lab/react/colors/material-kit/", + // }, + // { + // name: "components", + // description: "Explore our collection of fully designed components", + // href: "https://www.creative-tim.com/learning-lab/react/alerts/material-kit/", + // }, + // { + // name: "plugins", + // description: "Check how you can integrate our plugins", + // href: "https://www.creative-tim.com/learning-lab/react/datepicker/material-kit/", + // }, + // ], + // }, + // { + // name: "github", + // icon: , + // href: "https://www.github.com/creativetimofficial/material-kit-react", + // }, ]; export default routes; diff --git a/webpack.config.js b/webpack.config.js new file mode 100644 index 000000000..e5f2f7329 --- /dev/null +++ b/webpack.config.js @@ -0,0 +1,16 @@ +const path = require("path"); + +module.exports = { + entry: "./src/index.js", + output: { + path: path.resolve(__dirname, "dist"), + filename: "bundle.js", + }, + + resolve: { + fallback: { + fs: false, + // stream: false, + }, + }, +};