Merge pull request #38 from Dans-Plugins/release/v0.3

Release/v0.3

Author: dmccoystephenson

Dockerfile

@@ -9,7 +9,14 @@ COPY package*.json ./
 RUN npm install
 
 # Bundle app source
-COPY . .
+COPY components ./components
+COPY pages ./pages
+COPY public ./public
+COPY styles ./styles
+COPY utils ./utils
+COPY next-env.d.ts ./
+COPY next.config.js ./
+COPY tsconfig.json ./
 
 # Expose port 3000
 EXPOSE 3000

components/TopBar.tsx

@@ -20,6 +20,8 @@ const TopBar: React.FC = () => {
           >
             Dan's Plugins Community
           </Typography>
+          <Button color="inherit" href="/">Home</Button>
+          <Button color="inherit" href="/guides">Guides</Button>
           <Button color="inherit" href="https://github.com/Dans-Plugins">GitHub</Button>
           <Button color="inherit" href="https://discord.gg/xXtuAQ2">Discord</Button>
           <Button color="inherit" href="https://www.linkedin.com/company/dansplugins">LinkedIn</Button>

docker-compose.yml compose.ymldocker-compose.yml renamed to compose.yml

@@ -5,4 +5,4 @@ services:
     ports:
       - "3000:3000"
     volumes:
-      - .:/app
+      - ./node_modules:/app/node_modules

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dpc-website",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "private": true,
   "scripts": {
     "dev": "next dev",

pages/_app.tsx

@@ -5,7 +5,7 @@ import { createTheme, CssBaseline, ThemeProvider, useMediaQuery } from '@mui/mat
 import { ColorModeContext } from '../utils/ColorModeContext';
 
 function MyApp({ Component, pageProps }: AppProps) {
-  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
+  const prefersDarkMode = true;
 
   const [mode, setMode] = useState<'light' | 'dark'>(prefersDarkMode ? 'dark' : 'light');
 

pages/guides.tsx

@@ -0,0 +1,24 @@
+import { Box, Button, Container, Grid, Link, Typography } from '@mui/material'
+import type { NextPage } from 'next'
+import TopBar from '../components/TopBar'
+import React from 'react';
+import BottomBar from '../components/BottomBar'
+
+// pull version from package.json
+const version = require('../package.json').version
+
+const Guides: NextPage = () => (
+    <Box sx={{ flexGrow: 1 }}>
+      <TopBar />
+      <Container maxWidth="xl">
+        <Typography variant="body1" gutterBottom>
+          The guides for each plugin are hosted on the wiki for that plugin. You can find the links to the wiki pages below.
+        </Typography>
+        <Typography variant="body1" gutterBottom>
+          <Button color="inherit" href="https://github.com/Dans-Plugins/Medieval-Factions/wiki/Guide">Medieval Factions Guide</Button>
+        </Typography>        
+      </Container>
+    </Box>
+)
+
+export default Guides

pages/index.tsx

@@ -190,16 +190,6 @@ const MedievalRoleplayEngine: React.FC = () => (
   />
 )
 
-const MiniFactions: React.FC = () => (
-  <PluginCard
-    title="MiniFactions"
-    description="Aims to introduce factions into the game in a simple, easy to use, expandable way."
-    githubLink="https://github.com/Dans-Plugins/MiniFactions"
-    // no spigotmc link yet
-    // no bStats ID yet
-  />
-)
-
 const MoreRecipes: React.FC = () => (
   <PluginCard
     title="More Recipes"
@@ -354,9 +344,6 @@ const AllPlugins: React.FC = () => (
       <Grid item xs={12} sm={6} md={4} lg={3} xl={2}>
         <MedievalRoleplayEngine />
       </Grid>
-      <Grid item xs={12} sm={6} md={4} lg={3} xl={2}>
-        <MiniFactions />
-      </Grid>
       <Grid item xs={12} sm={6} md={4} lg={3} xl={2}>
         <MoreRecipes />
       </Grid>