Factors redux tools to access the DB

This commit is contained in:
forceoranj
2021-11-16 03:02:03 +01:00
parent b76fbc78ff
commit bf62510d0a
24 changed files with 506 additions and 462 deletions

View File

@@ -4,7 +4,7 @@ import { useDispatch, useSelector, shallowEqual } from "react-redux"
import { Helmet } from "react-helmet"
import { AppState, AppThunk } from "../../store"
import { fetchMembreDataIfNeed } from "../../store/membre"
import { fetchMembreIfNeed } from "../../store/membre"
import { MembreInfo, MembreSet } from "../../components"
import styles from "./styles.module.scss"
@@ -17,7 +17,7 @@ const MembrePage = ({ match }: Props): JSX.Element => {
const membre = useSelector((state: AppState) => state.membre, shallowEqual)
useEffect(() => {
dispatch(fetchMembreDataIfNeed(id))
dispatch(fetchMembreIfNeed(id))
}, [dispatch, id])
const renderInfo = () => {
@@ -48,6 +48,6 @@ interface LoadDataArgs {
params: { id: number }
}
export const loadData = ({ params }: LoadDataArgs): AppThunk[] => [fetchMembreDataIfNeed(params.id)]
export const loadData = ({ params }: LoadDataArgs): AppThunk[] => [fetchMembreIfNeed(params.id)]
export default memo(MembrePage)

View File

@@ -4,7 +4,7 @@
import { render } from "@testing-library/react"
import { MemoryRouter } from "react-router-dom"
import { fetchMembreDataIfNeed } from "../../../store/membre"
import { fetchMembreIfNeed } from "../../../store/membre"
import mockStore from "../../../utils/mockStore"
import MembrePage from "../MembrePage"
@@ -45,7 +45,7 @@ describe("<MembrePage />", () => {
const { dispatch } = renderHelper()
expect(dispatch).toHaveBeenCalledTimes(1)
expect(dispatch.mock.calls[0][0].toString()).toBe(fetchMembreDataIfNeed(id).toString())
expect(dispatch.mock.calls[0][0].toString()).toBe(fetchMembreIfNeed(id).toString())
})
it("renders the loading status if data invalid", () => {