git ssb - dx: improve looks of share button in Create Invite screen

Andre Staltz committed on 9/19/2018, 10:30:17 PM
Parent: 1a37a3abcb2febb51d80c0affc797860b731528e

changed

src/app/screens/invite-create/top-bar/index.tsView
		@@ -22,10 +22,10 @@
22	22	import {h} from '@cycle/react';
23	23	import {View, StyleSheet} from 'react-native';
24	24	import {Palette} from '../../../global-styles/palette';
25	25	import {Dimensions} from '../../../global-styles/dimens';
26		-import Button from '../../../components/Button';
27	26	import HeaderBackButton from '../../../components/HeaderBackButton';
	27	+import HeaderButton from '../../../components/HeaderButton';
28	28	import {ReactElement} from 'react';
29	29
30	30	export type Sources = {
31	31	screen: ReactSource;
		@@ -47,13 +47,8 @@
47	47	alignItems: 'center',
48	48	justifyContent: 'space-between',
49	49	paddingHorizontal: Dimensions.horizontalSpaceBig,
50	50	},
51		-
52		- buttonEnabled: {
53		- backgroundColor: Palette.brand.callToActionBackground,
54		- width: 80,
55		- },
56	51	});
57	52
58	53	function intent(reactSource: ReactSource) {
59	54	return {
		@@ -67,15 +62,13 @@
67	62	const actions = intent(sources.screen);
68	63	const vdom$ = xs.of(
69	64	h(View, {style: styles.container}, [
70	65	HeaderBackButton('inviteBackButton'),
71		- h(Button, {
	66	+ h(HeaderButton, {
72	67	sel: 'inviteShareButton',
73		- style: styles.buttonEnabled,
74		- text: 'Share',
75		- strong: true,
76		- accessible: true,
77		- accessibilityLabel: 'Share Invite Button',
	68	+ icon: 'share',
	69	+ accessibilityLabel: 'Share Button',
	70	+ rightSide: true,
78	71	}),
79	72	]),
80	73	);
81	74

Daan Patchwork / manyverse