git ssb

1+

Daan Patchwork / manyverse



Commit 4a2dfc6f5bb887844eb06a56261411d990f3c8c8

dx: improve looks of share button in Create Invite screen

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

Files changed

src/app/screens/invite-create/top-bar/index.tschanged
src/app/screens/invite-create/top-bar/index.tsView
@@ -22,10 +22,10 @@
2222 import {h} from '@cycle/react';
2323 import {View, StyleSheet} from 'react-native';
2424 import {Palette} from '../../../global-styles/palette';
2525 import {Dimensions} from '../../../global-styles/dimens';
26-import Button from '../../../components/Button';
2726 import HeaderBackButton from '../../../components/HeaderBackButton';
27+import HeaderButton from '../../../components/HeaderButton';
2828 import {ReactElement} from 'react';
2929
3030 export type Sources = {
3131 screen: ReactSource;
@@ -47,13 +47,8 @@
4747 alignItems: 'center',
4848 justifyContent: 'space-between',
4949 paddingHorizontal: Dimensions.horizontalSpaceBig,
5050 },
51-
52- buttonEnabled: {
53- backgroundColor: Palette.brand.callToActionBackground,
54- width: 80,
55- },
5651 });
5752
5853 function intent(reactSource: ReactSource) {
5954 return {
@@ -67,15 +62,13 @@
6762 const actions = intent(sources.screen);
6863 const vdom$ = xs.of(
6964 h(View, {style: styles.container}, [
7065 HeaderBackButton('inviteBackButton'),
71- h(Button, {
66+ h(HeaderButton, {
7267 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,
7871 }),
7972 ]),
8073 );
8174

Built with git-ssb-web