gistfile1.txt

import React, { Component } from "react";
import css from "./assets/css/style.css";
import img1 from "./assets/images/img1.jpeg";
import img2 from "./assets/images/img2.jpeg";
import img3 from "./assets/images/img3.jpeg";
import img4 from "./assets/images/img4.jpeg";
import AddImage from "./AddImage";

export default class Gallery extends Component {
  constructor() {
    super();
    this.state = {
      images: []
    };
  }

  componentWillMount() {
    this.setState({
      images: [
        { src: "./assets/img/img1.jpeg", alt: "alt1" },
        { src: "./assets/img/img2.jpeg", alt: "alt2" },
        { src: "./assets/img/img3.jpeg", alt: "alt3" },
        { src: "./assets/img/img4.jpeg", alt: "alt4" }
      ]
    });
  }

  render() {
    let imageList;
    if (this.state.images) {
      imageList = this.state.images.map(image => {
        return <img key={image.src} src={image.src} alt={image.alt} />;
      });
    }
    return (
      <div className="container">
        <div className="main-img">
          <img src={this.state.images[0].src} alt="" id="current" />
        </div>
        <div className="imgs">{imageList}</div>
        <AddImage />
      </div>
    );
  }
}