Rename all french to english

src/pages/Home/Home.tsx

@@ -4,9 +4,9 @@ import { useDispatch, useSelector, shallowEqual } from "react-redux"
 import { Helmet } from "react-helmet"
 
 import { AppState, AppThunk, EntitiesRequest } from "../../store"
-import { fetchJeuJavListIfNeed } from "../../store/jeuJavList"
-import { fetchEnvieListIfNeed } from "../../store/envieList"
-import { JeuJavList, AddEnvie } from "../../components"
+import { fetchJavGameListIfNeed } from "../../store/javGameList"
+import { fetchWishListIfNeed } from "../../store/wishList"
+import { JavGameList, WishAdd } from "../../components"
 import styles from "./styles.module.scss"
 
 export type Props = RouteComponentProps
@@ -30,7 +30,7 @@ function useList<Entity>(
 
         if (readyStatus === "failure") return <p>Oops, Failed to load list!</p>
 
-        return <JeuJavList ids={ids} />
+        return <JavGameList ids={ids} />
     }
 }
 
@@ -39,9 +39,9 @@ const Home: FC<Props> = (): JSX.Element => {
     return (
         <div className={styles.home}>
             <Helmet title="Home" />
-            <AddEnvie dispatch={dispatch} />
-            {/* {useList((state: AppState) => state.envieList, fetchEnvieListifNeed)()} */}
-            {useList((state: AppState) => state.jeuJavList, fetchJeuJavListIfNeed)()}
+            <WishAdd dispatch={dispatch} />
+            {/* {useList((state: AppState) => state.wishList, fetchWishListifNeed)()} */}
+            {useList((state: AppState) => state.javGameList, fetchJavGameListIfNeed)()}
             {/* <button type="button" onClick={() => setList([{id: 3, joueurs: 4, duree: 5, description: "abcd"}])}>
             Set list!
         </button> */}
@@ -51,8 +51,8 @@ const Home: FC<Props> = (): JSX.Element => {
 
 // Fetch server-side data here
 export const loadData = (): AppThunk[] => [
-    fetchEnvieListIfNeed(),
-    fetchJeuJavListIfNeed(),
+    fetchWishListIfNeed(),
+    fetchJavGameListIfNeed(),
     // More pre-fetched actions...
 ]
 

src/pages/VolunteerPage/VolunteerPage.tsx

@@ -4,40 +4,40 @@ import { useDispatch, useSelector, shallowEqual } from "react-redux"
 import { Helmet } from "react-helmet"
 
 import { AppState, AppThunk } from "../../store"
-import { fetchMembreIfNeed } from "../../store/membre"
-import { MembreInfo, MembreSet } from "../../components"
+import { fetchVolunteerIfNeed } from "../../store/volunteer"
+import { VolunteerInfo, VolunteerSet } from "../../components"
 import styles from "./styles.module.scss"
 
 export type Props = RouteComponentProps<{ id: string }>
 
-const MembrePage = ({ match }: Props): JSX.Element => {
+const VolunteerPage = ({ match }: Props): JSX.Element => {
     const { id: rawId } = match.params
     const id = +rawId
     const dispatch = useDispatch()
-    const membre = useSelector((state: AppState) => state.membre, shallowEqual)
+    const volunteer = useSelector((state: AppState) => state.volunteer, shallowEqual)
 
     useEffect(() => {
-        dispatch(fetchMembreIfNeed(id))
+        dispatch(fetchVolunteerIfNeed(id))
     }, [dispatch, id])
 
     const renderInfo = () => {
-        const membreInfo = membre
+        const volunteerInfo = volunteer
 
-        if (!membreInfo || membreInfo.readyStatus === "request") return <p>Loading...</p>
+        if (!volunteerInfo || volunteerInfo.readyStatus === "request") return <p>Loading...</p>
 
-        if (membreInfo.readyStatus === "failure" || !membreInfo.entity)
+        if (volunteerInfo.readyStatus === "failure" || !volunteerInfo.entity)
             return <p>Oops! Failed to load data.</p>
 
         return (
             <div>
-                <MembreInfo item={membreInfo.entity} />
-                <MembreSet dispatch={dispatch} membre={membreInfo.entity} />
+                <VolunteerInfo item={volunteerInfo.entity} />
+                <VolunteerSet dispatch={dispatch} volunteer={volunteerInfo.entity} />
             </div>
         )
     }
 
     return (
-        <div className={styles.membre}>
+        <div className={styles.volunteer}>
             <Helmet title="User Info" />
             {renderInfo()}
         </div>
@@ -48,6 +48,6 @@ interface LoadDataArgs {
     params: { id: number }
 }
 
-export const loadData = ({ params }: LoadDataArgs): AppThunk[] => [fetchMembreIfNeed(params.id)]
+export const loadData = ({ params }: LoadDataArgs): AppThunk[] => [fetchVolunteerIfNeed(params.id)]
 
-export default memo(MembrePage)
+export default memo(VolunteerPage)

src/pages/VolunteerPage/index.tsx

@@ -1,15 +1,15 @@
 import loadable from "@loadable/component"
 
 import { Loading, ErrorBoundary } from "../../components"
-import { Props, loadData } from "./MembrePage"
+import { Props, loadData } from "./VolunteerPage"
 
-const MembrePage = loadable(() => import("./MembrePage"), {
+const VolunteerPage = loadable(() => import("./VolunteerPage"), {
     fallback: <Loading />,
 })
 
 export default (props: Props): JSX.Element => (
     <ErrorBoundary>
-        <MembrePage {...props} />
+        <VolunteerPage {...props} />
     </ErrorBoundary>
 )
 export { loadData }

src/pages/VolunteerPage/styles.module.scss

@@ -1,3 +1,3 @@
-.membre {
+.volunteer {
     padding: 0 15px;
 }