30 |
31 | );
32 | };
33 | export default Missions;
34 |
--------------------------------------------------------------------------------
/MIT.md:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2022 Abel, Sendy, PRATAP
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/src/components/Dragons/DragonsList.jsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from 'react';
2 | import { useSelector, useDispatch } from 'react-redux';
3 | import {
4 | getDragons,
5 | getStatus,
6 | getError,
7 | fetchDragons,
8 | } from '../../Redux/Dragons/dragonsSlice';
9 | import Dragon from './Dragon';
10 |
11 | const DragonsList = () => {
12 | const dispatch = useDispatch();
13 | const dragons = useSelector(getDragons);
14 | const status = useSelector(getStatus);
15 | const error = useSelector(getError);
16 |
17 | useEffect(() => {
18 | if (status === 'idle') {
19 | dispatch(fetchDragons());
20 | }
21 | }, [status, dispatch]);
22 |
23 | let content;
24 |
25 | if (status === 'Loading') {
26 | content =