stomg7969

// IMPORTANT! The order must be the same as following.

// 1.

npm run build
// When running 'npm run build', GatsbyJS will run: 'npm run clean' && 'gatsby build'

// 2.

aws s3 sync ./public/ s3://thedevelopark.com --delete

stomg7969

version: 0.2

phases:
  install:
    runtime-versions:
        nodejs: 10
  pre_build:
    commands:
      - echo Removing objects in the S3 bucket...
      - aws s3 rm s3://thedevelopark.com --recursive

stomg7969

version: 0.2

phases:
  install:
    runtime-versions:
        nodejs: 10
    commands:
      - echo Installing Gatsby and Gatsby-CLI...
      - npm install -g gatsby
      - npm install -g gatsby-cli

stomg7969

aws s3 sync ./public/ s3://thedevelopark.com --delete

// "thedevelopark.com" must to changed to your bucket name. 

stomg7969

// DELETE request with fetch => 4 lines
fetch(`${process.env.REACT_APP_HOST}/api/v1/users/${decoded.user_id}`, {
      method: "DELETE",
      headers: { Authorization: `Bearer ${ token }` }
    })
      .catch(() => alert('Error Message'));

// DELETE request with axios => 3 lines
axios.delete(`${process.env.REACT_APP_HOST}/api/v1/users/${decoded.user_id}`, {
      headers: { Authorization: `Bearer ${token}` }

stomg7969

// POST request with fetch => 13 lines
fetch(`${process.env.REACT_APP_HOST}/api/v1/login`, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        Accept: "application/json"
      },
      body: JSON.stringify({
        user: {
          username: username,

stomg7969

// GET request with fetch => 4 lines
fetch(`${process.env.REACT_APP_HOST}/api/v1/profile`, {
        method: "GET",
        headers: { Authorization: `Bearer ${ token }` }
      })
        // Regular fetch request doesn't automatically turn 'response' to json format.
        // Thus, .json() is required.
        .then(r => r.json())

// GET request with axios => 3 lines

stomg7969

// PATCH request with Fetch => 11 lines
fetch(`${process.env.REACT_APP_HOST}/api/v1/users/${decoded.user_id}`, {
        method: "PATCH",
        headers: {
          "Content-Type": "application/json",
          Accept: "application/json",
          Authorization: `Bearer ${token}`
        },
        body: JSON.stringify({
          user: { password: newPW }

stomg7969

// Pass down .searchProducts() only if products are fetched from the backend.
{this.props.products.length ? (
  <ProductContainer products={this.searchProducts()} />
) : null}

stomg7969

// **************** SEARCH Filter ****************
  searchProducts = () => {
    const filteredProducts = this.multiPropsFilter(
      this.props.products,
      this.filteredCollected()
    );
    return filteredProducts.filter(product => {
      return product.name
        .toLowerCase()
        .includes(this.state.passingTags.search.inputTerm);