From 18c6f75511a67510b12e51029fd7852b1c1ea081 Mon Sep 17 00:00:00 2001
From: pikiou <pikiou.sub@gmail.com>
Date: Fri, 29 Apr 2022 01:52:08 +0200
Subject: [PATCH] =?UTF-8?q?Add=20global=20variables=20for=20meeting=20date?=
 =?UTF-8?q?s=C2=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Asks/AskDiscord.tsx            | 11 ++-
 src/components/RegisterForm/index.tsx         | 31 ++++++--
 .../DayWishesForm/DayWishesForm.tsx           | 14 ++--
 src/components/index.ts                       |  3 +-
 src/pages/Register/Register.tsx               |  4 +-
 src/server/gsheets/localDb.ts                 |  2 +
 src/server/gsheets/miscs.ts                   | 42 +++++++++++
 src/server/gsheets/volunteers.ts              |  2 +-
 src/server/index.ts                           |  3 +
 src/services/accessors.ts                     | 30 +++++++-
 src/services/miscs.ts                         | 32 +++++++++
 src/services/miscsAccessors.ts                | 12 ++++
 src/services/volunteersAccessors.ts           |  6 +-
 src/store/miscDiscordInvitation.ts            | 72 +++++++++++++++++++
 src/store/miscMeetingDateList.ts              | 64 +++++++++++++++++
 src/store/rootReducer.ts                      |  8 ++-
 16 files changed, 311 insertions(+), 25 deletions(-)
 create mode 100644 src/server/gsheets/miscs.ts
 create mode 100644 src/services/miscs.ts
 create mode 100644 src/services/miscsAccessors.ts
 create mode 100644 src/store/miscDiscordInvitation.ts
 create mode 100644 src/store/miscMeetingDateList.ts

diff --git a/src/components/Asks/AskDiscord.tsx b/src/components/Asks/AskDiscord.tsx
index e8ea8b7..8d48e6d 100644
--- a/src/components/Asks/AskDiscord.tsx
+++ b/src/components/Asks/AskDiscord.tsx
@@ -8,10 +8,15 @@ import {
     fetchVolunteerDiscordIdIfNeed,
     selectVolunteerDiscordId,
 } from "../../store/volunteerDiscordId"
+import {
+    fetchMiscDiscordInvitationIfNeed,
+    selectMiscDiscordInvitation,
+} from "../../store/miscDiscordInvitation"
 
 export function AskDiscord(asks: JSX.Element[], id: number): void {
     const { dispatch, jwtToken, volunteerAsks } = useAskTools()
     const discordId: string | undefined = useSelector(selectVolunteerDiscordId)
+    const discordInvitation = useSelector(selectMiscDiscordInvitation)
 
     const onSubmit = useCallback((): void => {
         dispatch(
@@ -38,8 +43,8 @@ export function AskDiscord(asks: JSX.Element[], id: number): void {
                 totalement via la gestion des notifications.
                 <br />
                 Pour rejoindre le serveur PeL, voici le lien d'invitation à cliquer :{" "}
-                <a href="https://discord.gg/eXhjKxSBB4" onClick={onSubmit}>
-                    https://discord.gg/eXhjKxSBB4
+                <a href={discordInvitation} onClick={onSubmit}>
+                    {discordInvitation}
                 </a>{" "}
                 !
             </p>
@@ -64,4 +69,4 @@ export function AskDiscord(asks: JSX.Element[], id: number): void {
 }
 
 // Fetch server-side data here
-export const fetchFor = [fetchVolunteerDiscordIdIfNeed]
+export const fetchFor = [fetchVolunteerDiscordIdIfNeed, fetchMiscDiscordInvitationIfNeed]
diff --git a/src/components/RegisterForm/index.tsx b/src/components/RegisterForm/index.tsx
index 0eaf8c1..d93899f 100644
--- a/src/components/RegisterForm/index.tsx
+++ b/src/components/RegisterForm/index.tsx
@@ -11,6 +11,10 @@ import { fetchVolunteerPartialAdd } from "../../store/volunteerPartialAdd"
 import FormButton from "../Form/FormButton/FormButton"
 import { validEmail } from "../../utils/standardization"
 import { toastError } from "../../store/utils"
+import {
+    fetchMiscMeetingDateListIfNeed,
+    selectMiscMeetingDateList,
+} from "../../store/miscMeetingDateList"
 
 interface Props {
     dispatch: AppDispatch
@@ -43,6 +47,8 @@ const RegisterForm = ({ dispatch }: Props): JSX.Element => {
     const [sending, setSending] = useState(false)
     const [changingBackground, setChangingBackground] = useState(0)
 
+    const meetingDateList = useSelector(selectMiscMeetingDateList)
+
     useEffect(() => {
         const timer = setInterval(() => {
             setChangingBackground((changingBackground + 1) % animations.length)
@@ -456,6 +462,14 @@ const RegisterForm = ({ dispatch }: Props): JSX.Element => {
                         >
                             Street Food Market
                         </a>
+                        , ou à une soirée festive à 2 pas du lieu du festival, aux{" "}
+                        <a
+                            href="https://www.captainturtle.fr/aperos-petanque-paris/"
+                            target="_blank"
+                            rel="noreferrer"
+                        >
+                            apéros de la pétanque
+                        </a>
                         .
                     </p>
                 </dd>
@@ -469,13 +483,13 @@ const RegisterForm = ({ dispatch }: Props): JSX.Element => {
                 </div>
                 <div className={styles.rightCol}>
                     <div className={styles.rightColContainer}>
-                        {[
-                            { value: "13mai", desc: "Vendredi 13 mai" },
-                            { value: "24mai", desc: "Mardi 24 mai" },
-                            { value: "1juin", desc: "Mercredi 1er juin" },
-                            { value: "9juin", desc: "Jeudi 9 juin" },
-                            { value: "", desc: "Aucune date possible" },
-                        ].map((option) => (
+                        {_.concat(
+                            meetingDateList.map((meetingDetails) => ({
+                                value: meetingDetails.meetingId,
+                                desc: meetingDetails.meetingTitle,
+                            })),
+                            { value: "", desc: "Aucune date possible" }
+                        ).map((option) => (
                             <label className={styles.longAnswerLabel} key={option.value}>
                                 <input
                                     type="radio"
@@ -793,3 +807,6 @@ const RegisterForm = ({ dispatch }: Props): JSX.Element => {
 }
 
 export default memo(RegisterForm)
+
+// Fetch server-side data here
+export const fetchFor = [fetchMiscMeetingDateListIfNeed]
diff --git a/src/components/VolunteerBoard/DayWishesForm/DayWishesForm.tsx b/src/components/VolunteerBoard/DayWishesForm/DayWishesForm.tsx
index 56b9ceb..f31d3a8 100644
--- a/src/components/VolunteerBoard/DayWishesForm/DayWishesForm.tsx
+++ b/src/components/VolunteerBoard/DayWishesForm/DayWishesForm.tsx
@@ -1,4 +1,5 @@
 import { FC, memo, ReactNode, useCallback, useEffect, useRef, useState } from "react"
+import { useSelector } from "react-redux"
 import classnames from "classnames"
 import get from "lodash/get"
 import set from "lodash/set"
@@ -12,6 +13,10 @@ import {
 import FormButton from "../../Form/FormButton/FormButton"
 import { fetchVolunteerDayWishesSetIfNeed } from "../../../store/volunteerDayWishesSet"
 import IgnoreButton from "../../Form/IgnoreButton/IgnoreButton"
+import {
+    fetchMiscDiscordInvitationIfNeed,
+    selectMiscDiscordInvitation,
+} from "../../../store/miscDiscordInvitation"
 
 type Props = {
     children?: ReactNode | undefined
@@ -23,6 +28,7 @@ const DayWishesForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
     const [selection, setSelection] = useState(daysChoiceSelectionDefaultState)
     const commentRef = useRef<HTMLTextAreaElement | null>(null)
     const [userWishes, saveWishes] = useUserDayWishes()
+    const discordInvitation = useSelector(selectMiscDiscordInvitation)
 
     const onParticipationChange = (e: React.ChangeEvent<HTMLInputElement>) =>
         setParticipation(e.target.value)
@@ -107,11 +113,7 @@ const DayWishesForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
                     <br />
                     Si tu as besoin d&apos;infos, viens nous en parler sur le serveur Discord ! Pour
                     le rejoindre,{" "}
-                    <a
-                        href="https://discord.com/invite/eXhjKxSBB4"
-                        target="_blank"
-                        rel="noreferrer"
-                    >
+                    <a href={discordInvitation} target="_blank" rel="noreferrer">
                         clique ici{" "}
                     </a>
                     .
@@ -179,4 +181,4 @@ DayWishesForm.defaultProps = {
 export default memo(DayWishesForm)
 
 // Fetch server-side data here
-export const fetchFor = [fetchVolunteerDayWishesSetIfNeed]
+export const fetchFor = [fetchVolunteerDayWishesSetIfNeed, fetchMiscDiscordInvitationIfNeed]
diff --git a/src/components/index.ts b/src/components/index.ts
index 3f08d7d..f30e3e2 100755
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -12,7 +12,7 @@ import ParticipationDetailsForm, {
     fetchFor as fetchForParticipationDetailsForm,
 } from "./VolunteerBoard/ParticipationDetailsForm/ParticipationDetailsForm"
 import TeamAssignment, { fetchFor as fetchForTeamAssignment } from "./TeamAssignment/TeamAssignment"
-import RegisterForm from "./RegisterForm"
+import RegisterForm, { fetchFor as fetchForRegisterForm } from "./RegisterForm"
 import TeamWishesForm, {
     fetchFor as fetchForTeamWishesForm,
 } from "./VolunteerBoard/TeamWishesForm/TeamWishesForm"
@@ -38,6 +38,7 @@ export {
     TeamAssignment,
     fetchForTeamAssignment,
     RegisterForm,
+    fetchForRegisterForm,
     TeamWishesForm,
     fetchForTeamWishesForm,
     VolunteerInfo,
diff --git a/src/pages/Register/Register.tsx b/src/pages/Register/Register.tsx
index 588bb88..33715b7 100644
--- a/src/pages/Register/Register.tsx
+++ b/src/pages/Register/Register.tsx
@@ -4,7 +4,7 @@ import { useDispatch } from "react-redux"
 import { Helmet } from "react-helmet"
 
 import { AppThunk } from "../../store"
-import { RegisterForm } from "../../components"
+import { RegisterForm, fetchForRegisterForm } from "../../components"
 import styles from "./styles.module.scss"
 
 export type Props = RouteComponentProps
@@ -22,6 +22,6 @@ const RegisterPage: FC<Props> = (): JSX.Element => {
 }
 
 // Fetch server-side data here
-export const loadData = (): AppThunk[] => []
+export const loadData = (): AppThunk[] => [...fetchForRegisterForm.map((f) => f())]
 
 export default memo(RegisterPage)
diff --git a/src/server/gsheets/localDb.ts b/src/server/gsheets/localDb.ts
index a685084..c544234 100644
--- a/src/server/gsheets/localDb.ts
+++ b/src/server/gsheets/localDb.ts
@@ -14,6 +14,8 @@ export class SheetNames {
 
     Games = "Jeux"
 
+    Miscs = "Divers"
+
     Postulants = "Postulants"
 
     Teams = "Equipes"
diff --git a/src/server/gsheets/miscs.ts b/src/server/gsheets/miscs.ts
new file mode 100644
index 0000000..95b89a4
--- /dev/null
+++ b/src/server/gsheets/miscs.ts
@@ -0,0 +1,42 @@
+import ExpressAccessors from "./expressAccessors"
+import {
+    Misc,
+    MiscDiscordInvitation,
+    MiscMeetingDate,
+    MiscWithoutId,
+    translationMisc,
+} from "../../services/miscs"
+
+const expressAccessor = new ExpressAccessors<MiscWithoutId, Misc>(
+    "Miscs",
+    new Misc(),
+    translationMisc
+)
+
+export const miscDiscordInvitation = expressAccessor.get(async (list, _body, id) => {
+    if (id <= 0) {
+        throw Error(`L'accès est réservé aux utilisateurs identifiés`)
+    }
+    return list
+        .filter((misc) => !!misc.discordInvitation)
+        .map(
+            (misc) =>
+                ({
+                    id: misc.id,
+                    discordInvitation: misc.discordInvitation,
+                } as MiscDiscordInvitation)
+        )
+})
+
+export const miscMeetingDateListGet = expressAccessor.get(async (list) =>
+    list
+        .filter((misc) => !!misc.meetingId)
+        .map(
+            (misc) =>
+                ({
+                    id: misc.id,
+                    meetingId: misc.meetingId,
+                    meetingTitle: misc.meetingTitle,
+                } as MiscMeetingDate)
+        )
+)
diff --git a/src/server/gsheets/volunteers.ts b/src/server/gsheets/volunteers.ts
index 596042f..3e763ff 100644
--- a/src/server/gsheets/volunteers.ts
+++ b/src/server/gsheets/volunteers.ts
@@ -155,7 +155,7 @@ export const volunteerForgot = expressAccessor.set(async (list, bodyArray) => {
     return {
         toDatabase: newVolunteer,
         toCaller: {
-            message: `Un nouveau mot de passe t'a été envoyé par email. Regarde bien dans les spams, il pourrait y être :/`,
+            message: `Un nouveau mot de passe t'a été envoyé par email. Regarde bien dans les spams, il pourrait y être ><`,
         },
     }
 })
diff --git a/src/server/index.ts b/src/server/index.ts
index c6db8de..66ba78c 100755
--- a/src/server/index.ts
+++ b/src/server/index.ts
@@ -40,6 +40,7 @@ import { notificationsSubscribe, notificationMain } from "./notifications"
 import checkAccess from "./checkAccess"
 import { hasGSheetsAccess } from "./gsheets/accessors"
 import { addStatus, showStatusAt } from "./status"
+import { miscMeetingDateListGet, miscDiscordInvitation } from "./gsheets/miscs"
 
 checkAccess()
 
@@ -84,6 +85,7 @@ app.get(
  */
 // Google Sheets API
 app.get("/GameListGet", gameListGet)
+app.get("/MiscMeetingDateListGet", miscMeetingDateListGet)
 app.get("/WishListGet", wishListGet)
 app.post("/WishAdd", wishAdd)
 app.post("/PostulantAdd", postulantAdd)
@@ -94,6 +96,7 @@ app.get("/VolunteerListGet", secure as RequestHandler, volunteerListGet)
 
 // Secured APIs
 app.get("/AnnouncementListGet", secure as RequestHandler, announcementListGet)
+app.get("/MiscDiscordInvitationGet", secure as RequestHandler, miscDiscordInvitation)
 app.post("/VolunteerSet", secure as RequestHandler, volunteerSet)
 app.get("/TeamListGet", teamListGet)
 app.get("/VolunteerDiscordId", secure as RequestHandler, volunteerDiscordId)
diff --git a/src/services/accessors.ts b/src/services/accessors.ts
index 509795f..b552e64 100644
--- a/src/services/accessors.ts
+++ b/src/services/accessors.ts
@@ -165,6 +165,32 @@ export default class ServiceAccessors<
         }
     }
 
+    customGet<InputElements extends Array<any>, OutputType>(
+        apiName: string
+    ): (...params: InputElements) => Promise<{
+        data?: any
+        error?: Error
+    }> {
+        interface ElementGetResponse {
+            data?: any
+            error?: Error
+        }
+        return async (...params: InputElements): Promise<ElementGetResponse> => {
+            try {
+                const { data } = await axios.get(
+                    `${config.API_URL}/${this.elementName}${apiName}`,
+                    { ...axiosConfig, params }
+                )
+                if (data.error) {
+                    throw Error(data.error)
+                }
+                return { data } as { data: OutputType }
+            } catch (error) {
+                return { error: error as Error }
+            }
+        }
+    }
+
     customPost<InputElements extends Array<any>>(
         apiName: string
     ): (...params: InputElements) => Promise<{
@@ -192,7 +218,7 @@ export default class ServiceAccessors<
         }
     }
 
-    securedCustomGet<InputElements extends Array<any>>(
+    securedCustomGet<InputElements extends Array<any>, OutputType>(
         apiName: string
     ): (
         jwt: string,
@@ -216,7 +242,7 @@ export default class ServiceAccessors<
                 if (data.error) {
                     throw Error(data.error)
                 }
-                return { data }
+                return { data } as { data: OutputType }
             } catch (error) {
                 return { error: error as Error }
             }
diff --git a/src/services/miscs.ts b/src/services/miscs.ts
new file mode 100644
index 0000000..d968802
--- /dev/null
+++ b/src/services/miscs.ts
@@ -0,0 +1,32 @@
+/* eslint-disable max-classes-per-file */
+export class Misc {
+    id = 0
+
+    meetingId = ""
+
+    meetingTitle = ""
+
+    discordInvitation = ""
+}
+
+export const translationMisc: { [k in keyof Misc]: string } = {
+    id: "id",
+    meetingId: "rencontreId",
+    meetingTitle: "rencontreTitre",
+    discordInvitation: "invitationDiscord",
+}
+
+export const elementName = "Misc"
+
+export type MiscWithoutId = Omit<Misc, "id">
+
+export interface MiscMeetingDate {
+    id: Misc["id"]
+    meetingId: Misc["meetingId"]
+    meetingTitle: Misc["meetingTitle"]
+}
+
+export interface MiscDiscordInvitation {
+    id: Misc["id"]
+    discordInvitation: Misc["discordInvitation"]
+}
diff --git a/src/services/miscsAccessors.ts b/src/services/miscsAccessors.ts
new file mode 100644
index 0000000..38ee09c
--- /dev/null
+++ b/src/services/miscsAccessors.ts
@@ -0,0 +1,12 @@
+import ServiceAccessors from "./accessors"
+import { elementName, Misc, MiscDiscordInvitation, MiscMeetingDate, MiscWithoutId } from "./miscs"
+
+const serviceAccessors = new ServiceAccessors<MiscWithoutId, Misc>(elementName)
+
+export const miscDiscordInvitation = serviceAccessors.securedCustomGet<[], MiscDiscordInvitation>(
+    "DiscordInvitationGet"
+)
+
+export const miscMeetingDateListGet = serviceAccessors.customGet<[], MiscMeetingDate>(
+    "MeetingDateListGet"
+)
diff --git a/src/services/volunteersAccessors.ts b/src/services/volunteersAccessors.ts
index bb6efe4..a245968 100644
--- a/src/services/volunteersAccessors.ts
+++ b/src/services/volunteersAccessors.ts
@@ -8,12 +8,16 @@ import {
     VolunteerTeamWishes,
     VolunteerTeamAssign,
     VolunteerWithoutId,
+    VolunteerDiscordId,
 } from "./volunteers"
 
 const serviceAccessors = new ServiceAccessors<VolunteerWithoutId, Volunteer>(elementName)
 
 export const volunteerListGet = serviceAccessors.securedListGet()
-export const volunteerDiscordIdGet = serviceAccessors.securedCustomGet<[number]>("DiscordId")
+export const volunteerDiscordIdGet = serviceAccessors.securedCustomGet<
+    [number],
+    VolunteerDiscordId
+>("DiscordId")
 export const volunteerPartialAdd = serviceAccessors.customPost<[Partial<Volunteer>]>("PartialAdd")
 export const volunteerSet = serviceAccessors.set()
 
diff --git a/src/store/miscDiscordInvitation.ts b/src/store/miscDiscordInvitation.ts
new file mode 100644
index 0000000..7e0eef2
--- /dev/null
+++ b/src/store/miscDiscordInvitation.ts
@@ -0,0 +1,72 @@
+import _ from "lodash"
+import { PayloadAction, createSlice, createEntityAdapter, createSelector } from "@reduxjs/toolkit"
+
+import { StateRequest, toastError, elementListFetch } from "./utils"
+import { MiscDiscordInvitation } from "../services/miscs"
+import { AppThunk, AppState, EntitiesRequest } from "."
+import { miscDiscordInvitation } from "../services/miscsAccessors"
+
+const miscAdapter = createEntityAdapter<MiscDiscordInvitation>()
+
+export const initialState = miscAdapter.getInitialState({
+    readyStatus: "idle",
+} as StateRequest)
+
+const miscDiscordInvitationSlice = createSlice({
+    name: "miscDiscordInvitation",
+    initialState,
+    reducers: {
+        getRequesting: (state) => {
+            state.readyStatus = "request"
+        },
+        getSuccess: (state, { payload }: PayloadAction<MiscDiscordInvitation[]>) => {
+            state.readyStatus = "success"
+            miscAdapter.setAll(state, payload)
+        },
+        getFailure: (state, { payload }: PayloadAction<string>) => {
+            state.readyStatus = "failure"
+            state.error = payload
+        },
+    },
+})
+
+export default miscDiscordInvitationSlice.reducer
+export const { getRequesting, getSuccess, getFailure } = miscDiscordInvitationSlice.actions
+
+export const fetchMiscDiscordInvitation = elementListFetch(
+    miscDiscordInvitation,
+    getRequesting,
+    getSuccess,
+    getFailure,
+    (error: Error) => toastError(`Erreur lors du chargement des données diverses: ${error.message}`)
+)
+
+const shouldFetchMiscDiscordInvitation = (state: AppState) =>
+    state.miscDiscordInvitation.readyStatus !== "success"
+
+export const fetchMiscDiscordInvitationIfNeed = (): AppThunk => (dispatch, getState) => {
+    const { jwt } = getState().auth
+    if (shouldFetchMiscDiscordInvitation(getState()))
+        return dispatch(fetchMiscDiscordInvitation(jwt))
+
+    return null
+}
+
+export const refreshMiscDiscordInvitation =
+    (jwt: string): AppThunk =>
+    (dispatch) =>
+        dispatch(fetchMiscDiscordInvitation(jwt))
+
+export const selectMiscDiscordInvitationState = (
+    state: AppState
+): EntitiesRequest<MiscDiscordInvitation> => state.miscDiscordInvitation
+
+export const selectMiscDiscordInvitation = createSelector(
+    selectMiscDiscordInvitationState,
+    ({ ids, entities, readyStatus }) => {
+        if (readyStatus !== "success") return ""
+        const id = _.first(ids)
+        if (id === undefined) return ""
+        return entities[id]?.discordInvitation || ""
+    }
+)
diff --git a/src/store/miscMeetingDateList.ts b/src/store/miscMeetingDateList.ts
new file mode 100644
index 0000000..8f46bf2
--- /dev/null
+++ b/src/store/miscMeetingDateList.ts
@@ -0,0 +1,64 @@
+import { PayloadAction, createSlice, createEntityAdapter, createSelector } from "@reduxjs/toolkit"
+
+import { StateRequest, toastError, elementListFetch } from "./utils"
+import { MiscMeetingDate } from "../services/miscs"
+import { AppThunk, AppState, EntitiesRequest } from "."
+import { miscMeetingDateListGet } from "../services/miscsAccessors"
+
+const miscAdapter = createEntityAdapter<MiscMeetingDate>()
+
+export const initialState = miscAdapter.getInitialState({
+    readyStatus: "idle",
+} as StateRequest)
+
+const miscMeetingDateList = createSlice({
+    name: "miscMeetingDateList",
+    initialState,
+    reducers: {
+        getRequesting: (state) => {
+            state.readyStatus = "request"
+        },
+        getSuccess: (state, { payload }: PayloadAction<MiscMeetingDate[]>) => {
+            state.readyStatus = "success"
+            miscAdapter.setAll(state, payload)
+        },
+        getFailure: (state, { payload }: PayloadAction<string>) => {
+            state.readyStatus = "failure"
+            state.error = payload
+        },
+    },
+})
+
+export default miscMeetingDateList.reducer
+export const { getRequesting, getSuccess, getFailure } = miscMeetingDateList.actions
+
+export const fetchMiscMeetingDateList = elementListFetch(
+    miscMeetingDateListGet,
+    getRequesting,
+    getSuccess,
+    getFailure,
+    (error: Error) => toastError(`Erreur lors du chargement des données diverses: ${error.message}`)
+)
+
+const shouldFetchMiscMeetingDateList = (state: AppState) =>
+    state.miscMeetingDateList.readyStatus !== "success"
+
+export const fetchMiscMeetingDateListIfNeed = (): AppThunk => (dispatch, getState) => {
+    if (shouldFetchMiscMeetingDateList(getState())) return dispatch(fetchMiscMeetingDateList())
+
+    return null
+}
+
+export const refreshMiscMeetingDateList = (): AppThunk => (dispatch) =>
+    dispatch(fetchMiscMeetingDateList())
+
+export const selectMiscMeetingDateListState = (state: AppState): EntitiesRequest<MiscMeetingDate> =>
+    state.miscMeetingDateList
+
+export const selectMiscMeetingDateList = createSelector(
+    selectMiscMeetingDateListState,
+    ({ ids, entities, readyStatus }) => {
+        if (readyStatus !== "success") return []
+        return ids.map((id) => entities[id]) as MiscMeetingDate[]
+    }
+)
diff --git a/src/store/rootReducer.ts b/src/store/rootReducer.ts
index 8a9abfc..1ff416a 100644
--- a/src/store/rootReducer.ts
+++ b/src/store/rootReducer.ts
@@ -1,9 +1,11 @@
 import { History } from "history"
 import { connectRouter } from "connected-react-router"
 
+import announcementList from "./announcementList"
 import auth from "./auth"
 import gameList from "./gameList"
-import announcementList from "./announcementList"
+import miscDiscordInvitation from "./miscDiscordInvitation"
+import miscMeetingDateList from "./miscMeetingDateList"
 import postulantAdd from "./postulantAdd"
 import teamList from "./teamList"
 import ui from "./ui"
@@ -24,9 +26,11 @@ import wishList from "./wishList"
 // Use inferred return type for making correctly Redux types
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 export default (history: History) => ({
+    announcementList,
     auth,
     gameList,
-    announcementList,
+    miscDiscordInvitation,
+    miscMeetingDateList,
     postulantAdd,
     teamList,
     ui,