-
Notifications
You must be signed in to change notification settings - Fork 0
/
MapView.stories.js
115 lines (109 loc) · 2.79 KB
/
MapView.stories.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
/* eslint-disable react-native/no-inline-styles */
import React from 'react';
import { storiesOf } from '@apollosproject/ui-storybook';
import MapView from './index';
const campuses = [
{
city: 'Richardson',
distanceFromLocation: null,
id: 'Campus:965b6e6d7046a885bea4e300b5c0400d',
image: 'https://www.placecage.com/c/220/220',
latitude: 32.95103,
longitude: -96.74738,
name: 'Dallas Campus',
postalCode: '75080-5525',
state: 'TX',
street1: '102 N Weatherred Dr',
},
{
city: 'Cincinnati',
distanceFromLocation: 2037.6461577685534,
id: 'Campus:4f68015ba18662a7409d1219a4ce013e',
image: 'https://www.placecage.com/c/220/220',
latitude: 39.10501,
longitude: -84.51138,
name: 'Cincinnati Campus',
postalCode: '45202-2118',
state: 'OH',
street1: '120 E 8th St',
},
{
city: '',
distanceFromLocation: 2037.6461577685534,
id: 'Campus:4f68015ba18662a7409d1219a4ce013f',
image: 'https://www.placecage.com/c/220/220',
latitude: null,
longitude: null,
name: 'Online Campus',
postalCode: '',
state: '',
street1: '',
},
{
city: '',
distanceFromLocation: 2037.6461577685534,
id: 'Campus:4f68015ba18662a7409d1219a4ce013f',
image: 'https://www.placecage.com/c/220/220',
latitude: null,
longitude: null,
name: 'Another Online Campus',
postalCode: '',
state: '',
street1: 'Find us at Newspring.cc',
},
];
const currentCampus = {
city: 'Richardson',
distanceFromLocation: null,
id: 'Campus:965b6e6d7046a885bea4e300b5c0400d',
image: 'https://www.placecage.com/c/220/220',
latitude: 32.95103,
longitude: -96.74738,
name: 'Dallas Campus',
postalCode: '75080-5525',
state: 'TX',
street1: '102 N Weatherred Dr',
};
const initialRegion = {
latitude: 39.809734,
latitudeDelta: 100,
longitude: -98.555618,
longitudeDelta: 46.205357142857146,
};
const navigation = {
navigate: () => {},
goBack: () => {},
};
storiesOf('ui-mapview/MapView', module)
.add('default', () => (
<MapView
navigation={navigation}
campuses={campuses}
initialRegion={initialRegion}
userLocation={currentCampus}
currentCampus={currentCampus}
onLocationSelect={async () => {}}
/>
))
.add('buttonTitle', () => (
<MapView
navigation={navigation}
campuses={campuses}
initialRegion={initialRegion}
userLocation={currentCampus}
currentCampus={currentCampus}
onLocationSelect={async () => {}}
buttonTitle={'Custom buttonTitle'}
/>
))
.add('isLoading', () => (
<MapView
navigation={navigation}
campuses={campuses}
initialRegion={initialRegion}
userLocation={currentCampus}
currentCampus={currentCampus}
onLocationSelect={async () => {}}
isLoading
/>
));