parent
086ea9fd3d
commit
b2a19dcd44
@ -0,0 +1,20 @@
|
|||||||
|
import {CustomJoke} from "../../model/CustomJoke";
|
||||||
|
import {SampleJoke} from "../../model/SampleJoke";
|
||||||
|
|
||||||
|
export enum ActionType {
|
||||||
|
FETCH_JOKES = 'FETCH_JOKE',
|
||||||
|
}
|
||||||
|
|
||||||
|
interface actionFetch {
|
||||||
|
type: ActionType.FETCH_JOKES;
|
||||||
|
payload: (CustomJoke | SampleJoke)[];
|
||||||
|
}
|
||||||
|
|
||||||
|
export type Action = actionFetch;
|
||||||
|
|
||||||
|
export const setJokesList = (jokesList: (CustomJoke | SampleJoke)[]) => {
|
||||||
|
return {
|
||||||
|
type: ActionType.FETCH_JOKES,
|
||||||
|
payload: jokesList,
|
||||||
|
};
|
||||||
|
}
|
||||||
@ -0,0 +1,27 @@
|
|||||||
|
import {CustomJoke} from "../../model/CustomJoke";
|
||||||
|
import {SampleJoke} from "../../model/SampleJoke";
|
||||||
|
import {Action} from "redux";
|
||||||
|
import {ActionType} from "../actions/JokeAction";
|
||||||
|
|
||||||
|
interface State {
|
||||||
|
jokes: (CustomJoke | SampleJoke)[];
|
||||||
|
favoriteJokes: (CustomJoke | SampleJoke)[],
|
||||||
|
}
|
||||||
|
|
||||||
|
const initialState = {
|
||||||
|
jokes: [],
|
||||||
|
favoriteJokes: [],
|
||||||
|
}
|
||||||
|
|
||||||
|
const appReducer = (state: State = initialState, action: Action) => {
|
||||||
|
switch (action.type) {
|
||||||
|
case ActionType.FETCH_JOKES:
|
||||||
|
// @ts-ignore
|
||||||
|
return {...state, jokes: action.payload};
|
||||||
|
//case ActionType....
|
||||||
|
default:
|
||||||
|
return state;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default appReducer;
|
||||||
@ -0,0 +1,18 @@
|
|||||||
|
import {configureStore} from '@reduxjs/toolkit'
|
||||||
|
import appReducer from './reducers/jokeReducer';
|
||||||
|
|
||||||
|
// Reference here all your application reducers
|
||||||
|
const reducer = {
|
||||||
|
appReducer: appReducer,
|
||||||
|
}
|
||||||
|
|
||||||
|
// @ts-ignore
|
||||||
|
const store = configureStore({
|
||||||
|
reducer,
|
||||||
|
middleware: (getDefaultMiddleware) =>
|
||||||
|
getDefaultMiddleware({
|
||||||
|
serializableCheck: false
|
||||||
|
})
|
||||||
|
},);
|
||||||
|
|
||||||
|
export default store;
|
||||||
@ -0,0 +1,23 @@
|
|||||||
|
//Define your action creators that will be responsible for asynchronous operations
|
||||||
|
import {CustomJoke} from "../../model/CustomJoke";
|
||||||
|
import {SampleJoke} from "../../model/SampleJoke";
|
||||||
|
import {setJokesList} from "../actions/JokeAction";
|
||||||
|
|
||||||
|
export const getSampleJokesList = () => {
|
||||||
|
//In order to use await your callback must be asynchronous using async keyword.
|
||||||
|
return async dispatch => {
|
||||||
|
//Then perform your asynchronous operations.
|
||||||
|
try {
|
||||||
|
//Have it first fetch data from our starwars url.
|
||||||
|
const jokesPromise = await fetch('https://iut-weather-api.azurewebsites.net/jokes/samples');
|
||||||
|
//Then use the json method to get json data from api/
|
||||||
|
const jokesListJson = await jokesPromise.json();
|
||||||
|
const jokesList: SampleJoke[] = jokesListJson.map(elt => new SampleJoke(elt["id"], elt["type"], elt["setup"], elt["image"]));
|
||||||
|
dispatch(setJokesList(jokesList));
|
||||||
|
} catch (error) {
|
||||||
|
console.log('Error---------', error);
|
||||||
|
//You can dispatch to another action if you want to display an error message in the application
|
||||||
|
//dispatch(fetchDataRejected(error))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,23 @@
|
|||||||
|
//Define your action creators that will be responsible for asynchronous operations
|
||||||
|
import {CustomJoke} from "../../model/CustomJoke";
|
||||||
|
import {SampleJoke} from "../../model/SampleJoke";
|
||||||
|
import {setJokesList} from "../actions/JokeAction";
|
||||||
|
|
||||||
|
export const getLastSampleJokesList = () => {
|
||||||
|
//In order to use await your callback must be asynchronous using async keyword.
|
||||||
|
return async dispatch => {
|
||||||
|
//Then perform your asynchronous operations.
|
||||||
|
try {
|
||||||
|
//Have it first fetch data from our starwars url.
|
||||||
|
const jokesPromise = await fetch('https://iut-weather-api.azurewebsites.net/jokes/lasts');
|
||||||
|
//Then use the json method to get json data from api/
|
||||||
|
const jokesListJson = await jokesPromise.json();
|
||||||
|
const jokesList: SampleJoke[] = jokesListJson.map(elt => new SampleJoke(elt["id"], elt["type"], elt["setup"], elt["image"]));
|
||||||
|
dispatch(setJokesList(jokesList));
|
||||||
|
} catch (error) {
|
||||||
|
console.log('Error---------', error);
|
||||||
|
//You can dispatch to another action if you want to display an error message in the application
|
||||||
|
//dispatch(fetchDataRejected(error))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue