updated gatsby example

JustFly1984 · Apr 25, 2022 · 0be2046 · 0be2046
1 parent e9a9b71
commit 0be2046
Show file tree

Hide file tree

Showing 46 changed files with 361 additions and 653 deletions.
diff --git a/.prettierrc b/.prettierrc
diff --git a/...-maps-api-marker-clusterer/.prettierrc.js → .prettierrc.js b/...-maps-api-marker-clusterer/.prettierrc.js → .prettierrc.js
diff --git a/...-maps-api-gatsby-example/.stylelintignore → .stylelintignore b/...-maps-api-gatsby-example/.stylelintignore → .stylelintignore
diff --git a/packages/react-google-maps-api-gatsby-example/.eslintignore b/packages/react-google-maps-api-gatsby-example/.eslintignore
diff --git a/packages/react-google-maps-api-gatsby-example/.eslintrc.js b/packages/react-google-maps-api-gatsby-example/.eslintrc.js
diff --git a/packages/react-google-maps-api-gatsby-example/.prettierrc.js b/packages/react-google-maps-api-gatsby-example/.prettierrc.js
diff --git a/packages/react-google-maps-api-gatsby-example/src/examples/example-bicycling.stories.tsx b/packages/react-google-maps-api-gatsby-example/src/examples/example-bicycling.stories.tsx
@@ -1,6 +1,6 @@
-import React from 'react'
-import { ComponentStory, ComponentMeta } from '@storybook/react'
-import { BicyclingLayer as ExampleComponent} from '@react-google-maps/api'
+
+import type { ComponentStory, ComponentMeta } from '@storybook/react'
+import { BicyclingLayer as ExampleComponent } from '@react-google-maps/api'
 
 import ExampleBicycling from './example-bicycling'
 import { shapeExampleStyles } from '../components/styles'

diff --git a/...example/src/examples/example-bicycling.js → ...xample/src/examples/example-bicycling.tsx b/...example/src/examples/example-bicycling.js → ...xample/src/examples/example-bicycling.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react'
+import { type CSSProperties, memo } from 'react'
 import PropTypes from 'prop-types'
 import { GoogleMap, BicyclingLayer } from '@react-google-maps/api'
 
@@ -8,25 +8,31 @@ const ExampleBicyclingPropTypes = {
   }).isRequired,
 }
 
-const center = {
+const center: google.maps.LatLngLiteral = {
   lat: 0,
   lng: -180,
 }
 
-const onClick = (...args) => {
+function onClick(...args: any[]) {
   console.log('onClick args: ', args)
 }
 
-const onBicyclingLayerLoad = (bicyclingLayer) => {
+function onBicyclingLayerLoad (bicyclingLayer: google.maps.BicyclingLayer) {
   // Do something with bicyclingLayer
   console.log('bicyclingLayer: ', bicyclingLayer)
 }
 
-const onMapLoad = (map) => {
+const onMapLoad = (map: google.maps.Map) => {
   console.log('map: ', map)
 }
 
-function ExampleBicycling({ styles }) {
+interface Props {
+  styles: {
+    container: CSSProperties | undefined
+  }
+}
+
+function ExampleBicycling({ styles }: Props) {
   return (
     <div className='map'>
       <div className='map-container'>
@@ -47,4 +53,4 @@ function ExampleBicycling({ styles }) {
 
 ExampleBicycling.propTypes = ExampleBicyclingPropTypes
 
-export default React.memo(ExampleBicycling)
+export default memo(ExampleBicycling)
diff --git a/packages/react-google-maps-api-gatsby-example/src/examples/example-data.js b/packages/react-google-maps-api-gatsby-example/src/examples/example-data.js
diff --git a/packages/react-google-maps-api-gatsby-example/src/examples/example-data.stories.tsx b/packages/react-google-maps-api-gatsby-example/src/examples/example-data.stories.tsx
@@ -1,6 +1,5 @@
-import React from 'react'
-import { ComponentStory, ComponentMeta } from '@storybook/react'
-import { Data as ExampleComponent} from '@react-google-maps/api'
+import type { ComponentStory, ComponentMeta } from '@storybook/react'
+import { Data as ExampleComponent } from '@react-google-maps/api'
 
 import ExampleData from './example-data'
 import { shapeExampleStyles } from '../components/styles'