- Timestamp:
- 06/11/22 12:46:20 (2 years ago)
- Branches:
- main
- Children:
- 64dc53b
- Parents:
- 6568bde
- Location:
- pages
- Files:
-
- 5 added
- 1 deleted
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
pages/_app.js
r6568bde r87614a5 1 1 import '../styles/globals.css' 2 2 3 import { store } from '../redux/store' 4 import { Provider } from 'react-redux' 5 3 6 function MyApp({ Component, pageProps }) { 4 return <Component {...pageProps} /> 7 return ( 8 <Provider store={store}> 9 <Component {...pageProps} /> 10 </Provider> 11 ) 5 12 } 6 13 -
pages/index.js
r6568bde r87614a5 1 import Header from '../components/Header' 2 import FullwidthText from '../components/FullwidthText' 3 import GameCircle from '../components/GameCircle' 4 import Loading from '../components/Loading' 5 import RegisterScreen from '../components/RegisterScreen' 6 import LoginScreen from '../components/LoginScreen' 7 import Alert from '../components/Alert' 8 import Notification from '../components/Notification' 9 import Stats from '../components/Stats' 10 1 11 import Head from 'next/head' 2 import Image from 'next/image' 3 import styles from '../styles/Home.module.css' 12 13 import { useDispatch } from 'react-redux' 14 import ManageCredits from '../components/ManageCredits' 4 15 5 16 export default function Home() { 17 const dispatch = useDispatch(); 18 6 19 return ( 7 <div className= {styles.container}>20 <div className="app" style={{backgroundImage: 'url("/images/bg.png")'}}> 8 21 <Head> 9 <title>Create Next App</title> 10 <meta name="description" content="Generated by create next app" /> 11 <link rel="icon" href="/favicon.ico" /> 22 <title>Caessino</title> 12 23 </Head> 24 25 <Header/> 26 27 <FullwidthText title="Welcome to Caessino" subtitle="Choose Your Game"/> 13 28 14 <main className={styles.main}> 15 <h1 className={styles.title}> 16 Welcome to <a href="https://nextjs.org">Next.js!</a> 17 </h1> 29 <div className="gameCircles"> 30 <GameCircle src={"/images/blackjack.png"} text="Play Blackjack" routeTo="/games/blackjack" game="Blackjack"/> 31 <GameCircle src={"/images/roulette.png"} text="Play Roulette" routeTo="/games/roulette" game="Roulette"/> 32 <GameCircle src={"/images/poker.png"} text="Play Poker" routeTo="/games/poker" game="Poker"/> 33 </div> 18 34 19 <p className={styles.description}> 20 Get started by editing{' '} 21 <code className={styles.code}>pages/index.js</code> 22 </p> 35 <Loading/> 23 36 24 <div className={styles.grid}> 25 <a href="https://nextjs.org/docs" className={styles.card}> 26 <h2>Documentation →</h2> 27 <p>Find in-depth information about Next.js features and API.</p> 28 </a> 37 <RegisterScreen/> 29 38 30 <a href="https://nextjs.org/learn" className={styles.card}> 31 <h2>Learn →</h2> 32 <p>Learn about Next.js in an interactive course with quizzes!</p> 33 </a> 39 <LoginScreen/> 34 40 35 <a 36 href="https://github.com/vercel/next.js/tree/canary/examples" 37 className={styles.card} 38 > 39 <h2>Examples →</h2> 40 <p>Discover and deploy boilerplate example Next.js projects.</p> 41 </a> 41 <Alert/> 42 42 43 <a 44 href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" 45 className={styles.card} 46 > 47 <h2>Deploy →</h2> 48 <p> 49 Instantly deploy your Next.js site to a public URL with Vercel. 50 </p> 51 </a> 52 </div> 53 </main> 43 <Notification/> 54 44 55 <footer className={styles.footer}> 56 <a 57 href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" 58 target="_blank" 59 rel="noopener noreferrer" 60 > 61 Powered by{' '} 62 <span className={styles.logo}> 63 <Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} /> 64 </span> 65 </a> 66 </footer> 45 <Stats/> 46 47 <ManageCredits/> 67 48 </div> 68 49 )
Note:
See TracChangeset
for help on using the changeset viewer.