[google-maps-input] Make remove button actually remove (#283)

sanity-io · Oct 19, 2017 · 9fa5ca6 · 9fa5ca6
1 parent e15fafe
commit 9fa5ca6
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/@sanity/google-maps-input/src/GeopointInput.js b/packages/@sanity/google-maps-input/src/GeopointInput.js
@@ -7,7 +7,7 @@ import Button from 'part:@sanity/components/buttons/default'
 import Dialog from 'part:@sanity/components/dialogs/default'
 import Fieldset from 'part:@sanity/components/fieldsets/default'
 import styles from '../styles/GeopointInput.css'
-import PatchEvent, {set} from '@sanity/form-builder/PatchEvent'
+import PatchEvent, {set, unset} from '@sanity/form-builder/PatchEvent'
 
 const getLocale = context => {
   const intl = context.intl || {}
@@ -61,6 +61,11 @@ class GeopointInput extends React.Component {
     })))
   }
 
+  handleClear = () => {
+    const {onChange} = this.props
+    onChange(PatchEvent.from(unset()))
+  }
+
   handleCloseModal() {
     this.setState({modalOpen: false})
   }
@@ -117,7 +122,7 @@ class GeopointInput extends React.Component {
           </Button>
 
           {value && (
-            <Button type="button">
+            <Button type="button" onClick={this.handleClear}>
               Remove
             </Button>
           )}