magellan | Large Scale Automated Testing for Mocha Nightwatch | Architecture library

import React, { useState, useEffect } from "react";
import axios from "axios";

const Beach = ({ match }) => {
  const [resort, setResort] = useState(null);

  useEffect(() => {
    const fetchBeach = async () => {
      const { data } = await axios.get(`/api/resorts/${match.params.id}`);
      setResort(data);
    };

    fetchBeach();
  }, [match]);

  const {
    name,
    address,
    city,
    province,
    zip_code,
    image,
    description,
    amenities,
    website,
    phone,
    email,
  } = resort;

  return (
    
      
        {name}
        

          {" "}
          {`${address}, ${city} ${province}, USA, ${zip_code}`}
        
        
        

        
{description}
        

        Amenities:
        
          {resort
            ? Object.entries(amenities).map(([key, value]) => {
                if (value) {
                  return 
{key}
;
                }
                return null;
              })
            : null}
        
      
    
  );
};

export default Beach;