mrheffern
/
spokane-bitcoin-club
mirror of https://github.com/mrheffern/spokane-bitcoin-club
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

finished basic page

developement
Max 2023-08-09 11:11:19 -07:00
parent 2096497b34
commit a632ecc6df
4 changed files with 1271 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/layout.js
View File

@ -1,5 +1,3 @@
import '@styles/globals.css';
export const metadata = { export const metadata = {
title: 'Spokane Bitcoin Club', title: 'Spokane Bitcoin Club',
description: 'Generated by Next.js', description: 'Generated by Next.js',
@ -8,11 +6,7 @@ export const metadata = {
export default function RootLayout({ children }) { export default function RootLayout({ children }) {
return ( return (
<html lang="en"> <html lang="en">
<body> <body style={{margin: '0px'}}>
<div className="main">
<div className="gradient" />
</div>
<main className="app"> <main className="app">
{children} {children}
</main> </main>

47
app/page.jsx
View File

@ -1,7 +1,52 @@
"use client"
import { LineChart, Line, CartesianGrid, XAxis, YAxis } from 'recharts';
import { AppBar, Grid, ThemeProvider, Toolbar } from '@mui/material';
import { useTheme } from '@emotion/react';
import styled from '@emotion/styled';
import theme from './theme';
import MainPage from './MainPage';
import PerksPage from './PerksPage';
import WheelSpinPage from './WheelSpinPage';
import CalendarPage from './CalendarPage';
import GraphPage from './GraphPage';
import BottomBar from './BottomBar';
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
// const Graph = () => {
// const data = [{name: 'Page A', uv: 400, pv: 2400, amt: 2400}, {name: 'Page B', uv: 800, pv: 2400, amt: 2400}];
// return (
// <LineChart width={600} height={300} data={data}>
// <Line type="monotone" dataKey="uv" stroke="#8884d8" />
// </LineChart>
// )
// }
const StyledToolbar = styled(Toolbar)(({ theme }) => ({
backgroundColor: theme.palette.primary.dark,
color: theme.palette.text.light
}));
const Home = () => { const Home = () => {
return ( return (
<div>test page with a test</div> <ThemeProvider theme={theme}>
<LocalizationProvider dateAdapter={AdapterDayjs}>
<div id='mainDiv'>
<AppBar>
<StyledToolbar>
Spokane Bitcoin Club
</StyledToolbar>
</AppBar>
<MainPage />
<PerksPage />
<WheelSpinPage />
<CalendarPage />
<GraphPage />
<BottomBar />
</div>
</LocalizationProvider>
</ThemeProvider>
) )
} }

1230
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

7
package.json
View File

@ -9,11 +9,18 @@
"lint": "next lint" "lint": "next lint"
}, },
"dependencies": { "dependencies": {
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@mui/material": "^5.14.2",
"@mui/x-date-pickers": "^6.10.2",
"autoprefixer": "10.4.14", "autoprefixer": "10.4.14",
"dayjs": "^1.11.9",
"next": "13.4.10", "next": "13.4.10",
"postcss": "8.4.26", "postcss": "8.4.26",
"react": "18.2.0", "react": "18.2.0",
"react-dom": "18.2.0", "react-dom": "18.2.0",
"recharts": "^2.7.2",
"spin-wheel": "^4.2.0",
"tailwindcss": "3.3.3" "tailwindcss": "3.3.3"
} }
} }