Skip to content
Snippets Groups Projects
Commit 5a997fb8 authored by Rafael László's avatar Rafael László :speech_balloon:
Browse files

get images from backend

parent 6e267bbd
No related branches found
No related tags found
No related merge requests found
import axios from './session';
import { GET_IMAGES } from './types';
export const getImages = () => (
async (dispatch) => {
try {
const response = await axios.get('/api/v1/images');
dispatch({
type: GET_IMAGES,
payload: response.data,
});
} catch (e) {
console.log(e);
}
}
);
\ No newline at end of file
...@@ -16,6 +16,8 @@ export const SELECT_NEWS = 'select_news'; ...@@ -16,6 +16,8 @@ export const SELECT_NEWS = 'select_news';
export const GET_MENTORS = 'get_mentors'; export const GET_MENTORS = 'get_mentors';
export const GET_IMAGES = 'get_images';
export const GET_TASKS = 'get_homeworks'; export const GET_TASKS = 'get_homeworks';
export const ADD_TASK = 'add_task'; export const ADD_TASK = 'add_task';
export const DELETE_TASK = 'delete_task'; export const DELETE_TASK = 'delete_task';
......
...@@ -13,6 +13,7 @@ import Slider from 'react-slick'; ...@@ -13,6 +13,7 @@ import Slider from 'react-slick';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import './Home.css'; import './Home.css';
import KSZKbiglogo from '../images/kszk_big_logo.png'; import KSZKbiglogo from '../images/kszk_big_logo.png';
import { getImages } from '../../actions/home'
const settings = { const settings = {
dots: false, dots: false,
...@@ -28,26 +29,22 @@ const settings = { ...@@ -28,26 +29,22 @@ const settings = {
initialSlide: Math.floor((Math.random() * 32) + 1), initialSlide: Math.floor((Math.random() * 32) + 1),
}; };
const range = (count) => { class Home extends Component {
const newArray = []; UNSAFE_componentWillMount() {
for (let i = 1; i < count; i += 1) { this.props.getImages();
newArray.push(i);
} }
return newArray;
};
class Home extends Component {
render() { render() {
const kszk_age = new Date().getFullYear() - 1976 const kszk_age = new Date().getFullYear() - 1976
console.log(this.props.images)
return ( return (
<div> <div>
<div className='car-image-kszk'> <div className='car-image-kszk'>
<Slider {...settings}> <Slider {...settings}>
{ {
range(32).map(image => ( this.props.images.map(image => (
<div key={image}> <div key={image}>
<img src={`images/${image}.jpg`} width='100%' alt='' /> <img src={image.image} width='100%' alt='' />
</div> </div>
)) ))
} }
...@@ -209,8 +206,8 @@ class Home extends Component { ...@@ -209,8 +206,8 @@ class Home extends Component {
} }
} }
const mapStateToProps = ({ user }) => ({ const mapStateToProps = ({ user, images }) => ({
user, user, images
}); });
export default connect(mapStateToProps, {})(Home); export default connect(mapStateToProps, { getImages })(Home);
import { GET_IMAGES } from '../actions/types';
const INITIAL_STATE = [];
export default (state = INITIAL_STATE, action) => {
switch (action.type) {
case GET_IMAGES:
return action.payload;
default:
return state;
}
};
...@@ -13,6 +13,7 @@ import CorrectSolutionReducer from './CorrectSolutionReducer'; ...@@ -13,6 +13,7 @@ import CorrectSolutionReducer from './CorrectSolutionReducer';
import EditTaskReducer from './EditTaskReducer'; import EditTaskReducer from './EditTaskReducer';
import GroupsReducer from './GroupsReducer'; import GroupsReducer from './GroupsReducer';
import MentorsReducer from './MentorsReducer'; import MentorsReducer from './MentorsReducer';
import ImagesReducer from './ImagesReducer';
const rootReducer = combineReducers({ const rootReducer = combineReducers({
user: UserReducer, user: UserReducer,
...@@ -29,6 +30,7 @@ const rootReducer = combineReducers({ ...@@ -29,6 +30,7 @@ const rootReducer = combineReducers({
notes: NoteReducer, notes: NoteReducer,
groups: GroupsReducer, groups: GroupsReducer,
mentors: MentorsReducer, mentors: MentorsReducer,
images: ImagesReducer,
}); });
export default rootReducer; export default rootReducer;
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment