23 |
24 | This is a static coming soon page. See the template{' '}
25 |
26 | README
27 | {' '}
28 | for details on how to configure it.
29 |
30 |
31 |
32 |
33 | Click here
34 | {' '}
35 | to visit the Preview deployment which displays the main site.
36 |
37 |
38 |
39 | );
40 | };
41 |
42 | export default ComingSoon;
43 |
--------------------------------------------------------------------------------
/state/store.mjs:
--------------------------------------------------------------------------------
1 | // npm imports
2 | import { combineReducers, configureStore } from '@reduxjs/toolkit';
3 | import { createWrapper, HYDRATE } from 'next-redux-wrapper';
4 | import { createReduxMiddleware } from '@karmaniverous/serify-deserify';
5 |
6 | // redux imports
7 | import entityReducer from './entitySlice.mjs';
8 | import pageReducer from './pageSlice.mjs';
9 |
10 | // Combine reducers.
11 | const combinedReducer = combineReducers({
12 | entity: entityReducer,
13 | page: pageReducer,
14 | });
15 |
16 | // Create master reducer.
17 | const reducer = (state, action) => {
18 | // Support Next.js hydration.
19 | if (action.type === HYDRATE)
20 | return {
21 | ...state,
22 | ...action.payload,
23 | };
24 |
25 | // Return hydrated reducer.
26 | return combinedReducer(state, action);
27 | };
28 |
29 | // Declare serify middleware.
30 | const serifyMiddleware = createReduxMiddleware();
31 |
32 | // Create store.
33 | export const makeStore = () =>
34 | configureStore({
35 | reducer,
36 | middleware: (getDefaultMiddleware) => [
37 | ...getDefaultMiddleware(),
38 | serifyMiddleware,
39 | ],
40 | });
41 |
42 | // Create page wrapper.
43 | export const wrapper = createWrapper(makeStore);
44 |
--------------------------------------------------------------------------------
/components/page/HomePage.jsx:
--------------------------------------------------------------------------------
1 | // npm imports
2 | import Head from 'next/head';
3 | import { useEffect } from 'react';
4 | import { useDispatch, useSelector } from 'react-redux';
5 | import { Header, Segment } from 'semantic-ui-react';
6 |
7 | // redux imports
8 | import { PAGES, setCurrentPage } from '../../state/pageSlice.mjs';
9 |
10 | // component imports
11 | import ApiTest from '../content/ApiTest';
12 | import ScrollTarget from '../application/util/ScrollTarget';
13 | const ScrollSegment = ScrollTarget(Segment);
14 |
15 | // TODO: pass game index in as prop.
16 | const HomePage = () => {
17 | // Get page state.
18 | const siteName = useSelector((state) => state.page.siteName);
19 |
20 | // Create dispatcher.
21 | const dispatch = useDispatch();
22 |
23 | // Set current page state.
24 | useEffect(() => {
25 | dispatch(setCurrentPage(PAGES.HOME));
26 | }, []);
27 |
28 | return (
29 | <>
30 |
31 |