Refactor Notifications into Asks, replace all <Link> by <a>

src/components/Asks/index.tsx

@@ -0,0 +1,60 @@
+import _ from "lodash"
+import React, { memo } from "react"
+import styles from "./styles.module.scss"
+import { useAskTools } from "./utils"
+import { AskWelcome } from "./AskWelcome"
+import { AskPushNotif } from "./AskPushNotif"
+import { AskDayWishes, fetchFor as fetchForDayWishes } from "./AskDayWishes"
+import { AskTeamWishes, fetchFor as fetchForTeamWishes } from "./AskTeamWishes"
+import {
+    AskParticipationDetails,
+    fetchFor as fetchForParticipationDetails,
+} from "./AskParticipationDetails"
+
+const Asks = (): JSX.Element | null => {
+    const { volunteerAsks } = useAskTools()
+    const asks: JSX.Element[] = []
+
+    AskWelcome(asks, 1)
+
+    AskDayWishes(asks, 10)
+    AskTeamWishes(asks, 11)
+    AskParticipationDetails(asks, 12)
+
+    AskPushNotif(asks, 99)
+
+    if (_.isEmpty(asks)) {
+        asks.push(
+            <div key="pushNotifs">
+                <div className={styles.notificationsPage}>
+                    <div className={styles.notificationsContent}>
+                        <div className={styles.formLine} key="line-participation">
+                            <label>
+                                Tu as fait le tour des dernières infos ou questions importantes,
+                                merci ! :)
+                                <br />
+                                Nous te préviendrons quand il y en aura de nouvelles.
+                                <br />
+                            </label>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        )
+    }
+
+    if (volunteerAsks === undefined) {
+        return null
+    }
+
+    return <div>{asks.map<React.ReactNode>((t) => t).reduce((prev, curr) => [prev, curr])}</div>
+}
+
+export default memo(Asks)
+
+// Fetch server-side data here
+export const fetchFor = [
+    ...fetchForDayWishes,
+    ...fetchForTeamWishes,
+    ...fetchForParticipationDetails,
+]