Skip to content

Commit 7aae8d1

Browse files
ShivrajShivraj
Shivraj
authored and
Shivraj
committed
updated
1 parent 8859c78 commit 7aae8d1

31 files changed

+275
-274
lines changed

‎js/components/anatomy/index.js

+5-5
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ class Anatomy extends Component {
6565
<Header>
6666
<Left>
6767
<Button transparent onPress={this.props.openDrawer}>
68-
<Icon name="ios-menu" />
68+
<Icon name="menu" />
6969
</Button>
7070
</Left>
7171
<Body>
@@ -88,19 +88,19 @@ class Anatomy extends Component {
8888
<Footer>
8989
<FooterTab>
9090
<Button active={this.state.tab1} onPress={() => this.toggleTab1()} badgeValue={2} badgeColor="green" badgeValueStyle={{ color: '#111' }} >
91-
<IconNB name="apps" ios="ios-apps-outline" />
91+
<Icon name="apps" ios="ios-apps-outline" />
9292
<Text>Apps</Text>
9393
</Button>
9494
<Button active={this.state.tab2} onPress={() => this.toggleTab2()} >
95-
<IconNB name="camera" />
95+
<Icon name="camera" />
9696
<Text>Camera</Text>
9797
</Button>
9898
<Button active={this.state.tab3} onPress={() => this.toggleTab3()} badgeValue={51} badgeColor="blue">
99-
<IconNB ios="ios-compass" android="md-compass" />
99+
<Icon ios="ios-compass" android="md-compass" />
100100
<Text>Navigate</Text>
101101
</Button>
102102
<Button active={this.state.tab4} onPress={() => this.toggleTab4()} >
103-
<IconNB name="contact" android="md-contact" />
103+
<Icon name="contact" android="md-contact" />
104104
<Text>Contact</Text>
105105
</Button>
106106
</FooterTab>

‎js/components/badge/index.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ class NHBadge extends Component { //eslint-disable-line
1818
<Header>
1919
<Left>
2020
<Button transparent onPress={this.props.openDrawer}>
21-
<Icon name="ios-menu" />
21+
<Icon name="menu" />
2222
</Button>
2323
</Left>
2424
<Body>
@@ -39,7 +39,7 @@ class NHBadge extends Component { //eslint-disable-line
3939
primary
4040
style={styles.mb}
4141
>
42-
<Icon name="ios-star" style={{ fontSize: 15, color: '#fff', lineHeight: 20}} />
42+
<Icon name="star" style={{ fontSize: 15, color: '#fff', lineHeight: 20}} />
4343
</Badge>
4444
<Badge
4545
style={{ backgroundColor: 'black' }}

‎js/components/button/index.js

+34-32
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
import React, { Component } from 'react';
33
import { Platform, View } from 'react-native';
44
import { connect } from 'react-redux';
5-
import { Container, Header, Title, Content, Button, Icon, Card, CardItem, Text, Left, Body, Right } from 'native-base';
5+
import { Container, Header, Title, Content, Button, Icon, Card, CardItem, Text, Left, Body, Right, IconNB } from 'native-base';
66

77
import { openDrawer } from '../../actions/drawer';
88
import styles from './styles';
@@ -22,7 +22,7 @@ class NHButton extends Component { //eslint-disable-line
2222
<Header>
2323
<Left>
2424
<Button transparent onPress={this.props.openDrawer}>
25-
<Icon name="ios-menu" />
25+
<Icon name="menu" />
2626
</Button>
2727
</Left>
2828
<Body>
@@ -36,15 +36,17 @@ class NHButton extends Component { //eslint-disable-line
3636
<CardItem header>
3737
<Text>Block Button</Text>
3838
</CardItem>
39-
<CardItem style={{ flexDirection: 'column' }}>
40-
<Button block capitalize primary style={styles.mb15}>
41-
<Text>{(Platform.OS === 'android') ? androidText : iosText}</Text>
42-
</Button>
43-
<Button block success style={styles.mb15}><Text>Success</Text></Button>
44-
<Button block info style={styles.mb15}><Text>Info</Text></Button>
45-
<Button block warning style={styles.mb15}><Text>Warning</Text></Button>
46-
<Button block danger style={styles.mb15}><Text>Danger</Text></Button>
47-
<Button block disabled style={styles.mb15}><Text>Disabled</Text></Button>
39+
<CardItem>
40+
<Body>
41+
<Button block capitalize primary style={styles.mb15}>
42+
<Text>{(Platform.OS === 'android') ? androidText : iosText}</Text>
43+
</Button>
44+
<Button block success style={styles.mb15}><Text>Success</Text></Button>
45+
<Button block info style={styles.mb15}><Text>Info</Text></Button>
46+
<Button block warning style={styles.mb15}><Text>Warning</Text></Button>
47+
<Button block danger style={styles.mb15}><Text>Danger</Text></Button>
48+
<Button block disabled style={styles.mb15}><Text>Disabled</Text></Button>
49+
</Body>
4850
</CardItem>
4951
</Card>
5052

@@ -107,88 +109,88 @@ class NHButton extends Component { //eslint-disable-line
107109
<CardItem style={{ flexDirection: 'column' }}>
108110
<View style={styles.buttonContainer}>
109111
<Button transparent style={styles.margin}>
110-
<Icon name="ios-arrow-back" style={styles.iconButton} />
112+
<IconNB name="ios-arrow-back" style={styles.iconButton} />
111113
</Button>
112114
<Button transparent style={styles.margin}>
113-
<Icon name="ios-arrow-down" style={styles.iconButton} />
115+
<IconNB name="ios-arrow-down" style={styles.iconButton} />
114116
</Button>
115117
<Button transparent style={styles.margin}>
116-
<Icon name="ios-arrow-up" style={styles.iconButton} />
118+
<IconNB name="ios-arrow-up" style={styles.iconButton} />
117119
</Button>
118120
<Button transparent style={styles.margin}>
119-
<Icon name="ios-arrow-forward" style={styles.iconButton} />
121+
<IconNB name="ios-arrow-forward" style={styles.iconButton} />
120122
</Button>
121123
</View>
122124
<View style={styles.buttonContainer}>
123125
<Button transparent style={styles.margin}>
124-
<Icon name="ios-undo-outline" style={styles.iconButton} />
126+
<IconNB name="ios-undo-outline" style={styles.iconButton} />
125127
</Button>
126128
<Button transparent style={styles.margin}>
127-
<Icon name="ios-refresh-circle-outline" style={styles.iconButton} />
129+
<IconNB name="ios-refresh-circle-outline" style={styles.iconButton} />
128130
</Button>
129131
<Button transparent style={styles.margin}>
130-
<Icon name="ios-share-outline" style={styles.iconButton} />
132+
<IconNB name="ios-share-outline" style={styles.iconButton} />
131133
</Button>
132134
<Button transparent style={styles.margin}>
133-
<Icon name="ios-close-circle-outline" style={styles.iconButton} />
135+
<IconNB name="ios-close-circle-outline" style={styles.iconButton} />
134136
</Button>
135137
</View>
136138
<View style={styles.buttonContainer}>
137139
<Button transparent style={styles.margin}>
138-
<Icon name="ios-fastforward-outline" style={styles.iconButton} />
140+
<IconNB name="ios-fastforward-outline" style={styles.iconButton} />
139141
</Button>
140142
<Button transparent style={styles.margin}>
141-
<Icon name="ios-play" style={styles.iconButton} />
143+
<IconNB name="ios-play" style={styles.iconButton} />
142144
</Button>
143145
<Button transparent style={styles.margin}>
144-
<Icon name="ios-pause" style={styles.iconButton} />
146+
<IconNB name="ios-pause" style={styles.iconButton} />
145147
</Button>
146148
<Button transparent style={styles.margin}>
147-
<Icon name="ios-rewind-outline" style={styles.iconButton} />
149+
<IconNB name="ios-rewind-outline" style={styles.iconButton} />
148150
</Button>
149151
</View>
150152
<View style={styles.buttonContainer}>
151153
<View style={styles.mf}>
152154
<Button style={{ alignSelf: 'center' }}>
153-
<Icon name="ios-bluetooth" />
155+
<IconNB name="ios-bluetooth" />
154156
</Button>
155157
</View>
156158
<View style={styles.mf}>
157159
<Button style={{ alignSelf: 'center' }}>
158-
<Icon name="ios-wifi" />
160+
<IconNB name="ios-wifi" />
159161
</Button>
160162
</View>
161163
<View style={styles.mf}>
162164
<Button style={{ alignSelf: 'center' }}>
163-
<Icon name="md-plane" />
165+
<IconNB name="md-plane" />
164166
</Button>
165167
</View>
166168
</View>
167169
<View style={styles.buttonContainer}>
168170
<Button bordered style={styles.margin}>
169-
<Icon name="ios-thumbs-up" />
171+
<IconNB name="ios-thumbs-up" />
170172
<Text>Like</Text>
171173
</Button>
172174
<Button bordered style={styles.margin}>
173-
<Icon name="ios-chatboxes" />
175+
<IconNB name="ios-chatboxes" />
174176
<Text>Comment</Text>
175177
</Button>
176178
<Button bordered style={styles.margin}>
177-
<Icon name="ios-share-alt" />
179+
<IconNB name="ios-share-alt" />
178180
<Text>Share</Text>
179181
</Button>
180182
</View>
181183
<View style={styles.buttonContainer}>
182184
<Button bordered style={styles.margin}>
183-
<Icon name="ios-create-outline" />
185+
<IconNB name="ios-create-outline" />
184186
<Text>Status</Text>
185187
</Button>
186188
<Button bordered style={styles.margin}>
187-
<Icon name="ios-camera" />
189+
<IconNB name="ios-camera" />
188190
<Text>Photo</Text>
189191
</Button>
190192
<Button bordered style={styles.margin}>
191-
<Icon name="ios-pin" />
193+
<IconNB name="ios-pin" />
192194
<Text>Check In</Text>
193195
</Button>
194196
</View>

‎js/components/card/card-header-and-footer.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
import React, { Component } from 'react';
33
import { connect } from 'react-redux';
44
import { actions } from 'react-native-navigation-redux-helpers';
5-
import { Container, Header, Title, Content, Button, Icon, Card, CardItem, Text, Body, Left, Right } from 'native-base';
5+
import { Container, Header, Title, Content, Button, Icon, Card, CardItem, Text, Body, Left, Right, IconNB } from 'native-base';
66

77
import styles from './styles';
88

@@ -29,7 +29,7 @@ class NHCardHeaderAndFooter extends Component {
2929
<Header>
3030
<Left>
3131
<Button transparent onPress={() => this.replaceAt('card')}>
32-
<Icon name="ios-arrow-back" />
32+
<IconNB name="ios-arrow-back" />
3333
</Button>
3434
</Left>
3535
<Body>

‎js/components/card/card-image.js

+5-5
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import React, { Component } from 'react';
33
import { Image, View } from 'react-native';
44
import { connect } from 'react-redux';
55
import { actions } from 'react-native-navigation-redux-helpers';
6-
import { Container, Header, Title, Content, Button, Icon, Card, CardItem, Text, Thumbnail, Left, Body, Right } from 'native-base';
6+
import { Container, Header, Title, Content, Button, Icon, Card, CardItem, Text, Thumbnail, Left, Body, Right, IconNB } from 'native-base';
77

88
import styles from './styles';
99

@@ -33,7 +33,7 @@ class NHCardImage extends Component {
3333
<Header>
3434
<Left>
3535
<Button transparent onPress={() => this.replaceAt('card')}>
36-
<Icon name="ios-arrow-back" />
36+
<IconNB name="ios-arrow-back" />
3737
</Button>
3838
</Left>
3939
<Body>
@@ -61,15 +61,15 @@ class NHCardImage extends Component {
6161
<CardItem>
6262
<View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between' }}>
6363
<Button transparent>
64-
<Icon name="logo-github" />
64+
<IconNB name="logo-github" />
6565
<Text>1,926</Text>
6666
</Button>
6767
<Button transparent>
68-
<Icon name="ios-git-network" />
68+
<IconNB name="ios-git-network" />
6969
<Text>132</Text>
7070
</Button>
7171
<Button transparent>
72-
<Icon name="logo-twitter" />
72+
<IconNB name="logo-twitter" />
7373
<Text>197</Text>
7474
</Button>
7575
</View>

‎js/components/card/card-list.js

+8-8
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
import React, { Component } from 'react';
33
import { connect } from 'react-redux';
44
import { actions } from 'react-native-navigation-redux-helpers';
5-
import { Container, Header, Title, Content, Button, Icon, Card, CardItem, Text, Left, Right, Body } from 'native-base';
5+
import { Container, Header, Title, Content, Button, Icon, IconNB, Card, CardItem, Text, Left, Right, Body } from 'native-base';
66

77
import styles from './styles';
88

@@ -29,7 +29,7 @@ class NHCardList extends Component {
2929
<Header>
3030
<Left>
3131
<Button transparent onPress={() => this.replaceAt('card')}>
32-
<Icon name="ios-arrow-back" />
32+
<IconNB name="ios-arrow-back" />
3333
</Button>
3434
</Left>
3535
<Body>
@@ -41,27 +41,27 @@ class NHCardList extends Component {
4141
<Content padder>
4242
<Card style={styles.mb}>
4343
<CardItem>
44-
<Icon name="logo-googleplus" style={{ color: '#DD5044' }} />
44+
<IconNB name="logo-googleplus" style={{ color: '#DD5044' }} />
4545
<Text>Google Plus</Text>
4646
</CardItem>
4747
<CardItem>
48-
<Icon name="logo-facebook" style={{ color: '#3B579D' }} />
48+
<IconNB name="logo-facebook" style={{ color: '#3B579D' }} />
4949
<Text>Facebook</Text>
5050
</CardItem>
5151
<CardItem>
52-
<Icon name="logo-twitter" style={{ color: '#55ACEE' }} />
52+
<IconNB name="logo-twitter" style={{ color: '#55ACEE' }} />
5353
<Text>Twitter</Text>
5454
</CardItem>
5555
<CardItem>
56-
<Icon name="logo-reddit" style={{ color: '#FF4500' }} />
56+
<IconNB name="logo-reddit" style={{ color: '#FF4500' }} />
5757
<Text>Reddit</Text>
5858
</CardItem>
5959
<CardItem>
60-
<Icon name="logo-linkedin" style={{ color: '#007BB6' }} />
60+
<IconNB name="logo-linkedin" style={{ color: '#007BB6' }} />
6161
<Text>LinkedIn</Text>
6262
</CardItem>
6363
<CardItem>
64-
<Icon name="logo-youtube" style={{ color: '#D62727' }} />
64+
<IconNB name="logo-youtube" style={{ color: '#D62727' }} />
6565
<Text>YouTube</Text>
6666
</CardItem>
6767
</Card>

‎js/components/card/card-showcase.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import React, { Component } from 'react';
33
import { Image, Dimensions } from 'react-native';
44
import { connect } from 'react-redux';
55
import { actions } from 'react-native-navigation-redux-helpers';
6-
import { Container, Header, Title, Content, Button, Icon, Card, CardItem, Text, Thumbnail, Left, Right, Body } from 'native-base';
6+
import { Container, Header, Title, Content, Button, Icon, Card, CardItem, Text, Thumbnail, Left, Right, Body, IconNB } from 'native-base';
77
import styles from './styles';
88

99
const deviceWidth = Dimensions.get('window').width;
@@ -34,7 +34,7 @@ class NHCardShowcase extends Component {
3434
<Header>
3535
<Left>
3636
<Button transparent onPress={() => this.replaceAt('card')}>
37-
<Icon name="ios-arrow-back" />
37+
<IconNB name="ios-arrow-back" />
3838
</Button>
3939
</Left>
4040
<Body>
@@ -66,7 +66,7 @@ class NHCardShowcase extends Component {
6666
basic set of components for mobile application development.
6767
</Text>
6868
<Button transparent style={{ marginLeft: -7 }} textStyle={{ color: '#87838B' }}>
69-
<Icon name="logo-github" />
69+
<IconNB name="logo-github" />
7070
<Text>1,926 stars</Text>
7171
</Button>
7272
</Body>

‎js/components/card/index.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ class NHCard extends Component {
3131
<Header>
3232
<Left>
3333
<Button transparent onPress={this.props.openDrawer}>
34-
<Icon name="ios-menu" />
34+
<Icon name="menu" />
3535
</Button>
3636
</Left>
3737
<Body>

‎js/components/checkbox/index.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ class NHCheckbox extends Component {
5252
<Header>
5353
<Left>
5454
<Button transparent onPress={this.props.openDrawer}>
55-
<Icon name="ios-menu" />
55+
<Icon name="menu" />
5656
</Button>
5757
</Left>
5858
<Body>

‎js/components/deckswiper/index.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
import React, { Component } from 'react';
33
import { connect } from 'react-redux';
44
import { Image, View } from 'react-native';
5-
import { Container, Header, Title, Button, Icon, DeckSwiper, Card, CardItem, Thumbnail, Text, Left, Right, Body, Content } from 'native-base';
5+
import { Container, Header, Title, Button, IconNB, DeckSwiper, Card, CardItem, Thumbnail, Text, Left, Right, Body, Content } from 'native-base';
66

77
import { openDrawer } from '../../actions/drawer';
88
import styles from './styles';
@@ -47,7 +47,7 @@ class NHDeckSwiper extends Component { // eslint-disable-line
4747
<Header>
4848
<Left>
4949
<Button transparent onPress={this.props.openDrawer}>
50-
<Icon name="ios-menu" />
50+
<IconNB name="ios-menu" />
5151
</Button>
5252
</Left>
5353
<Body>
@@ -74,7 +74,7 @@ class NHDeckSwiper extends Component { // eslint-disable-line
7474
<Image style={{ resizeMode: 'cover', width: null, flex: 1, height: 300 }} source={item.image} />
7575
</CardItem>
7676
<CardItem>
77-
<Icon name={'ios-heart'} style={{ color: '#ED4A6A' }} />
77+
<IconNB name={'ios-heart'} style={{ color: '#ED4A6A' }} />
7878
<Text>{item.name}</Text>
7979
</CardItem>
8080
</Card>

0 commit comments

Comments
 (0)