\r\n \r\n Please contact Heather for a no obligation quote.
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Home;\r\n","import Cookies from 'js-cookie'\r\nimport * as api from '../api'\r\nimport React, { useState } from 'react'\r\nimport Row from 'react-bootstrap/Row'\r\nimport Col from 'react-bootstrap/Col'\r\nimport Button from 'react-bootstrap/Button'\r\nimport Card from 'react-bootstrap/Card'\r\nimport CardColumns from 'react-bootstrap/CardColumns'\r\nimport Form from 'react-bootstrap/Form'\r\nimport TitleBlock from './TitleBlock'\r\n\r\nlet isAdmin = (Cookies.get('admin_mode') === \"true\")\r\nlet canEdit = isAdmin\r\n\r\nconst getPhotos = (key) => api.getPhotoListAsync(key)\r\n\r\nconst image = ({ key, uri, alt }) => ({ key, src: uri, alt })\r\n\r\nconst imageCard = ({key, src, alt}) => (\r\n Loading...
)\r\n }\r\n\r\n const updatePhotos = (photos, filemap) => {\r\n let form = new FormData()\r\n form.append('photolist', JSON.stringify( { key: 'gallery', photos } ))\r\n for (let [key, file] of filemap) {\r\n form.append(key, file, key)\r\n }\r\n return api.updatePhotoListWithFilesAsync('gallery', form)\r\n }\r\n\r\n const updatePhoto = (oldKey, photo, file) => {\r\n let newPhotos = []\r\n for (let galleryPhoto of galleryState.photos) {\r\n if (galleryPhoto.key === oldKey) {\r\n newPhotos.push(photo)\r\n } else {\r\n newPhotos.push(galleryPhoto)\r\n }\r\n }\r\n\r\n let filemap = new Map()\r\n if (file) {\r\n filemap.set(photo.key, file)\r\n }\r\n\r\n updatePhotos(newPhotos, filemap)\r\n setGalleryState({ ...galleryState, photos: newPhotos })\r\n }\r\n\r\n const addPhoto = (position, photo, file) => {\r\n let foundPosition = false\r\n let newPhotos = []\r\n let i = 0;\r\n for (let galleryPhoto of galleryState.photos) {\r\n if (i === position) {\r\n foundPosition = true\r\n newPhotos.push(photo)\r\n }\r\n\r\n newPhotos.push(galleryPhoto)\r\n i++\r\n }\r\n\r\n if (!foundPosition) {\r\n newPhotos.push(photo)\r\n }\r\n\r\n let filemap = new Map()\r\n filemap.set(photo.key, file)\r\n\r\n updatePhotos(newPhotos, filemap)\r\n setGalleryState({ ...galleryState, photos: newPhotos })\r\n }\r\n\r\n const addPhotoAtPosition = (position) => (photo, file) => addPhoto(position, photo, file)\r\n \r\n const deletePhoto = (key) => {\r\n let newPhotos = []\r\n let foundPhotoToDelete = false\r\n for (let galleryPhoto of galleryState.photos) {\r\n if (galleryPhoto.key !== key) {\r\n newPhotos.push(galleryPhoto)\r\n } else {\r\n foundPhotoToDelete = true\r\n }\r\n }\r\n\r\n if (foundPhotoToDelete) {\r\n updatePhotos(newPhotos, new Map())\r\n setGalleryState({...galleryState, photos: newPhotos})\r\n }\r\n }\r\n\r\n const startEditing = (event) => {\r\n event.preventDefault()\r\n event.stopPropagation()\r\n\r\n setGalleryState({ ...galleryState, editing: true })\r\n }\r\n\r\n const stopEditing = (event) => {\r\n event.preventDefault()\r\n event.stopPropagation()\r\n\r\n setGalleryState({ ...galleryState, editing: false })\r\n }\r\n\r\n const editButton = () =>