\n \n \n \n \n {props.home ? (\n history.push(\"/\")}\n />\n ) : (\n history.push(\"/\")}\n />\n )}\n \n \n \n \n \n \n \n \n \n \n \n \n \n {props.children} \n ) : (\n \n {props.children} \n \n )}\n
\n \n \n )\n}\n\n// Components for links in drawer\n\nfunction NavList() {\n const classes = useStyles()\n\n return (\n - \n
\n \n \n \n \n 
\n \n \n © Whereshome.co.uk 2021\n \n \n Privacy Policy\n \n \n \n \n \n \n Trustpilot\n \n
\n \n \n - \n
- \n {towns.map((town) => (\n
\n ) : (\n \n \n {town.name}\n \n
\n \n \n {town.image ? (\n \n ) : (\n
\n \n ) : (\n \n \n {town.name}\n \n
\n \n \n \n {showNutshell(town) && (\n \n\n {showNutshell(town) && (\n \n \n )}\n \n \n \n \n \n \n \n \n \n \n \n \n
\n )\n}\n\nfunction Nutshell({ town }) {\n return (\n <>\n \n
\n )\n}\n\nfunction CrimeGraph({ town }) {\n const [crimes, setCrimes] = useState([])\n const [observations, setObservations] = useState([])\n const colors = [\n \"#C0392B\",\n \"#9B59B6\",\n \"#2980B9\",\n \"#48C9B0\",\n \"#52BE80\",\n \"#F4D03F\",\n \"#F0B27A\",\n \"#BDC3C7\",\n ]\n\n useEffect(() => {\n const params = {\n town: town.id,\n }\n axios.get(\"/locations/crimes\", { params }).then((response) => {\n let build = []\n let i = 0\n response.data.results.map((crime) => {\n build.push({\n title: crime.name,\n value: crime.percentage,\n color: colors[i],\n })\n if (i == colors.length - 1) {\n i = 2\n } else {\n i++\n }\n })\n setCrimes(build)\n })\n axios.get(\"/locations/crime-observations\", { params }).then((response) => {\n setObservations(response.data.results)\n })\n }, [])\n\n return (\n \n
\n \n {\n setPage(params.page)\n }}\n />\n
\n \n \n \n \n \n history.push(\"/\")}\n />\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {props.children} \n \n
\n \n )\n}\n\n// Components for links in drawer\n\nfunction NavList() {\n const classes = useStyles()\n\n return (\n - \n
\n There are no results for this search\n
\n )}\n \n {town.image ? (\n \n ) : (\n \n {town.name} \n {town.description} \n \n
\n {town.image &&\n typeof town.image.attribution == \"string\" &&\n JSON.parse(\n town.image.attribution\n .replace(/\"/g, \"`\")\n .replace(/'/g, '\"')\n .replace(/`/g, \"'\")\n ).map((link) => (\n \n ) : (\n \n
\n ))}\n {parse(link)}
\n - \n
- \n A wide range of estate agents across the UK, so that we have the\n earliest access to properties as they come to the market\n \n\n
- \n Mortgages: for the best rates and advice on Expat and Domestic\n mortgages\n \n\n
- \n Car Hire: For exclusive rates and perks for WheresHome clients\n \n\n
- \n International Shipping: for the best deals and expert support\n for shipping your personal belongings\n \n\n
- \n Interior designers, to help you with your build, renovation or\n dressing your rental property over in the UK\n \n
\n \n \n \n \n \n What We Offer\n \n \n \n \n Once we help you find a place that feels like home via our\n seamless search tool, we’ll connect you with local services to\n take care of the next steps, or help you ourselves with our\n dedicated concierge service.\n \n \n \n \n \n \n \n \n \n \n Simplified search\n \n \n With a wealth of experience and knowledge across the real estate,\n education and leisure industry, WheresHome knows all there is to\n know to help you discover the perfect location for you and your\n family. From there, we can be as involved as you like. We will\n either simply connect you to all the local services you need or\n take care of it all with our dedicated VIP concierge service.\n \n history.push(\"/\")}\n >\n Find my next home\n \n \n \n \n \n \n \n Concierge Services\n \n \n \n \n \n \n \n \n Essentials Concierge Service\n \n \n \n \n Prices on Request\n \n \n If the stress of the impending home search or home move has\n you feeling a bit overwhelmed, having access to an astute\n Whereshome team member to orchestrate the entire process\n should brighten your spirits. Our goal is to put you\n completely at ease so you can carry on with life as normal\n while we take care of the not so fun aspects of your home\n move.\n \n \n {\n history.push(\"/contact/\")\n window.scrollTo(0, 0)\n }}\n >\n Contact Us\n \n \n \n \n \n \n \n \n Family Concierge Service\n \n \n \n \n Prices on Request\n \n \n We understand the enormity of embarking on this journey with\n a family and the added stress of having to arrange,\n organise, and think for your children or wider family. Our\n family concierge package has been carefully created with\n these considerations in mind with expert knowledge on how to\n flawlessly relocate a family and avoid any potential bumps\n in the road.\n \n \n {\n history.push(\"/contact/\")\n window.scrollTo(0, 0)\n }}\n >\n Contact Us\n \n \n \n \n \n \n \n \n VIP Concierge Service\n \n \n \n \n Prices on Request\n \n \n If you don’t want to leave anything up to chance and would\n much rather sit back and relax while the entire relocation\n process and more is handled by our experienced team of\n experts then our bespoke VIP concierge service is for\n you.\n \n \n Contact us for more details.\n \n {\n history.push(\"/contact/\")\n window.scrollTo(0, 0)\n }}\n >\n Contact Us\n \n \n \n \n \n \n \n \n \n Got more of an idea but still have questions?\n \n \n \n \n We hope you’ve got more of an idea of what’s involved in\n relocating, but fear not if you’re still unsure - Our FREE 30\n minute consultation call will help you get the clarity you’re\n looking for on all aspects of your move, giving you confidence\n on all aspects of the journey ahead!\n \n \n \n \n \n \n \n \n \n \n \n Our Partners\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n )\n}\n","import { useEffect } from \"react\"\n\n// Router\nimport { useHistory } from \"react-router-dom\"\n// Material UI\nimport { Grid, Box, Typography } from \"@material-ui/core\"\n// Components\nimport { ContactForm } from \"Components/User\"\n\nexport default function Contact() {\n const history = useHistory()\n\n useEffect(() => {\n window.scrollTo(0, 0)\n }, [])\n\n return (\n \n Our Essentials concierge service will:\n
\n - \n
- \n Understand and validate your requirements to help you\n find the perfect location/property\n \n
- \n Arrange viewings for shortlisted properties on your\n behalf\n \n
- \n Pair you with an independent buyer or executive\n assistant dedicated to supporting you with your property\n purchase or rental.\n \n
- \n Moreover, you’ll be seamlessly connected with a trusted\n and vetted specialist at every stage to assist with the\n move, including mortgage brokers, surveyors, and\n solicitors.\n \n
- \n When it comes to coordinating the relocation of all your\n precious belongings, we’ve got that covered too.\n \n
\n Our Family concierge Service includes the essentials\n service plus:\n
\n - \n
- \n Carefully selecting a school based on your children and\n their needs\n \n
- \n Ensuring you meet the schools catchment area (If State\n school)\n \n
- \n Shortlisting and arranging tours for your preferred\n schools.\n \n
- Handling the arduous admissions process. \n
{parse(post.content)}
\n \n
\n )\n}\n","import React, { useState, useEffect } from \"react\"\nimport { useParams } from \"react-router-dom\"\nimport axios from \"axios\"\n// Material UI\nimport {\n Paper,\n Box,\n Typography,\n TextField,\n Button,\n Checkbox,\n FormControlLabel,\n} from \"@material-ui/core\"\nimport { makeStyles } from \"@material-ui/core/styles\"\n// Images\nimport oxford from \"../../oxford.jpg\"\n\n// styles\nconst useStyles = makeStyles((theme) => ({\n img: {\n width: \"100%\",\n height: \"auto\",\n },\n}))\n\nexport default function Locations() {\n const classes = useStyles()\n const { id } = useParams()\n const [loading, setLoading] = useState(true)\n const [name, setName] = useState()\n const [favorite, setFavorite] = useState()\n const [description, setDescription] = useState()\n const [whatToExpect, setWhatToExpect] = useState()\n const [whatNotToExpect, setWhatNotToExpect] = useState()\n const [lifestyle, setLifestyle] = useState()\n const [thingsYoullLove, setThingsYoullLove] = useState()\n const [image, setImage] = useState()\n\n async function saveChanges() {\n const data = {\n favorite,\n description,\n whatToExpect,\n whatNotToExpect,\n lifestyle,\n thingsYoullLove,\n }\n\n // upload image\n if (image.startsWith(\"blob:\")) {\n let formData = new FormData()\n let blob = await fetch(image).then((r) => r.blob())\n formData.append(\"url\", blob, \"image.\" + blob.type.split(\"/\")[1])\n const options = {\n headers: {\n \"Content-Type\": \"multipart/form-data\",\n },\n }\n\n const response = await axios.post(\"/locations/images/\", formData, options)\n data.image = response.data.id\n }\n\n axios.patch(`/locations/towns/${id}/`, data)\n }\n\n useEffect(() => {\n axios.get(`/locations/towns/${id}/`).then((response) => {\n const { data } = response\n if (data.image) setImage(data.image.url)\n setName(data.name)\n setFavorite(data.favorite)\n setDescription(data.description)\n setWhatToExpect(data.whatToExpect)\n setWhatNotToExpect(data.whatNotToExpect)\n setLifestyle(data.lifestyle)\n setThingsYoullLove(data.thingsYoullLove)\n setLoading(false)\n })\n }, [])\n\n if (loading) return \"loading...\"\n\n return (\n <>\n \n
\n \n {\n history.push(`/admin/location/${row.id}`)\n }}\n className=\"clickable\"\n density=\"compact\"\n paginationMode=\"server\"\n loading={loading}\n page={page}\n onPageChange={(params) => {\n setPage(params.page)\n }}\n />\n
\n \n
\n )\n}\n","import { BLOG_CATEGORIES } from \"../../constants\"\nimport React, { useState, useEffect } from \"react\"\nimport { format } from \"date-fns\"\nimport { useHistory, useParams } from \"react-router-dom\"\nimport draftToHtml from \"draftjs-to-html\"\nimport htmlToDraft from \"html-to-draftjs\"\nimport { Editor } from \"react-draft-wysiwyg\"\nimport { ContentState, EditorState, convertToRaw } from \"draft-js\"\nimport \"react-draft-wysiwyg/dist/react-draft-wysiwyg.css\"\nimport { AsyncAutoComplete } from \"Components/Generic\"\nimport axios from \"axios\"\n\n// Material UI\nimport {\n Grid,\n Paper,\n Box,\n Typography,\n TextField,\n MenuItem,\n Button,\n} from \"@material-ui/core\"\nimport { makeStyles } from \"@material-ui/core/styles\"\n\n// styles\nconst useStyles = makeStyles((theme) => ({\n img: {\n width: \"100%\",\n height: \"auto\",\n },\n}))\n\nexport default function ViewPost() {\n const classes = useStyles()\n const history = useHistory()\n const { id } = useParams()\n const [title, setTitle] = useState(\"\")\n const [url, setUrl] = useState(\"\")\n const [category, setCategory] = useState(\"\")\n const [summary, setSummary] = useState(\"\")\n const [date, setDate] = useState(format(new Date(), \"yyyy-MM-dd\"))\n const [image, setImage] = useState(\"\")\n const [content, setContent] = useState(EditorState.createEmpty())\n const [seoTitle, setSeoTitle] = useState(\"\")\n const [seoDescription, setSeoDescription] = useState(\"\")\n const [linkedLocation, setLinkedLocation] = useState()\n const [loading, setLoading] = useState(Boolean(id))\n\n function sanitizeUrl(url) {\n setUrl(url.replace(/[^0-9a-z\\-]/gi, \"\"))\n }\n\n useEffect(() => {\n if (!id) return\n\n axios.get(`/blog/posts/${id}/`).then(({ data }) => {\n let editorState = EditorState.createEmpty()\n if (data.content) {\n const { contentBlocks, entityMap } = htmlToDraft(data.content)\n const contentState = ContentState.createFromBlockArray(\n contentBlocks,\n entityMap\n )\n editorState = EditorState.createWithContent(contentState)\n }\n\n setTitle(data.title)\n setCategory(data.category)\n setSummary(data.summary)\n setUrl(data.url)\n setDate(format(new Date(data.date), \"yyyy-MM-dd\"))\n if (data.featuredImage) setImage(data.featuredImage.url)\n setSeoTitle(data.seoTitle)\n setContent(editorState)\n setSeoDescription(data.seoDescription)\n setLinkedLocation(data.linkedLocation)\n setLoading(false)\n })\n }, [id])\n\n async function savePost() {\n // convert rich text to html\n const raw = convertToRaw(content.getCurrentContent())\n const markup = draftToHtml(raw)\n\n const data = {\n title,\n category,\n url,\n date: date,\n content: markup,\n summary,\n seoTitle,\n seoDescription,\n linkedLocation: linkedLocation ? linkedLocation.id : null,\n }\n\n // upload image\n if (image.startsWith(\"blob:\")) {\n let formData = new FormData()\n let blob = await fetch(image).then((r) => r.blob())\n formData.append(\"url\", blob, \"image.\" + blob.type.split(\"/\")[1])\n const options = {\n headers: {\n \"Content-Type\": \"multipart/form-data\",\n },\n }\n\n const response = await axios.post(\"/blog/images/\", formData, options)\n data.featuredImage = response.data.id\n }\n\n if (id) {\n axios.patch(`/blog/posts/${id}/`, data)\n } else {\n const response = await axios.post(`/blog/posts/`, data)\n }\n }\n\n async function onChangeHandler(event) {\n const file = event.target.files[0]\n const url = URL.createObjectURL(file)\n setImage(url)\n }\n\n if (loading) return \"loading...\"\n\n return (\n <>\n \n
\n \n {\n history.push(`/admin/post/${row.id}`)\n }}\n className=\"clickable\"\n density=\"compact\"\n paginationMode=\"server\"\n loading={loading}\n page={page}\n onPageChange={(params) => {\n setPage(params.page)\n }}\n />\n
\n