From cfc7210ac8082f7f6cb09d520be7910f3466137b Mon Sep 17 00:00:00 2001 From: Bettenbuk Zoltan Date: Wed, 21 Aug 2019 17:47:08 +0200 Subject: [PATCH] feat: add send message button --- css/_font.scss | 3 ++ fonts/jitsi.eot | Bin 11128 -> 11160 bytes fonts/jitsi.svg | 1 + fonts/jitsi.ttf | Bin 10972 -> 11004 bytes fonts/jitsi.woff | Bin 11048 -> 11080 bytes fonts/selection.json | 2 +- .../chat/components/native/ChatInputBar.js | 28 ++++++++++++++---- .../features/chat/components/native/styles.js | 6 ++++ 8 files changed, 34 insertions(+), 6 deletions(-) diff --git a/css/_font.scss b/css/_font.scss index 991d86217..600a33670 100644 --- a/css/_font.scss +++ b/css/_font.scss @@ -25,6 +25,9 @@ -moz-osx-font-smoothing: grayscale; } +.icon-send:before { + content: "\e911"; +} .icon-blur-background:before { content: "\e90f"; color: #a4b8d1; diff --git a/fonts/jitsi.eot b/fonts/jitsi.eot index 172bc4da25666d224c5603abfa14a6679c867424..8797d8d2a6d610adf44e250cfc83dbd40f1d89a5 100755 GIT binary patch delta 387 zcmewnHY1#MhBgDkpNXvIEJwXVb0#{})E`^4r<;L+Q3iz56N?KN7#IW?7?>=8G)H<) zW!jtBFV+J24h#&cEE%bZDPl>n=?o0&EgwV-HY%LT+M30YeDGGzJDuA0S^LFELj#_3nh)+-&ACgVB>;sGBpoPgc-a&KNfNh{j3BJkBFrOk4?EFStdx?YI-T zd$_OgaPh?P6!5h0Y~%UF8^e2xPlm6E?*P9I|2_d5fg6G?f;R-e2nh)_F)#v6b>DnW Ha}^^1`Tk`^ delta 359 zcmbOc{v(XFLYsl%&O}yo7HPJn=@T7l>MuQ?*~Y-YC50V!3=9kc3=B*TK$;^x zr!wuaotrq2@4>*J@*pEMF-7!U=zj(Vbq%1rSq4ym!;YmL$WH+BRWfo*D)_ETM*#UP zK=UMW@{<##(*^q&7&PVp<@<6ID+(Bb8KyBXXzBp@3VDgSlBstm)Gh}K_y9HJ733F} zFfaq97_|0G4q%{xW)g=Er~vPsAD+k9o>(UN7Dgd|Z49eCznN f_}2(%2^ + diff --git a/fonts/jitsi.ttf b/fonts/jitsi.ttf index 411457842122dd80597450a18368637cd238344e..357f5a4593285cff2f59ac9eeeb958ada1b41465 100755 GIT binary patch delta 380 zcmcZ;`X_XPLjAEtd%77I7-c{>J+Ziefq_AQfq}^aNOPp;RHnU|{bDVU@4&#I%94?q zm?D-Go6f+X?gErI%K!>+*s*i~`87bkN=9x;h0t~BbwK_Cka;=z$%*2P3U3$~H1+`H zC*&qp6flG^Ok-fs^a1h}@)C0;Q}0fwT@Dn;0cyxA$S*EoUfB3AC2d?`O3h}0qK3;oZ)psoRwH_HGDaM-c51NjL+zDh=JNd@0^=?Ead1!$f`PJVKtbh=<41B1pK zpnP9$VnqQ%FvBzk22C9xUm-6sS2FePgxcjm0Uw}-yn_7V5(Z|V6ob~Di94FPIe;uX z1_cHd2D!;@jGBxBlk*rI8HFaVW3&|(7Z(*55f>I0;{U<_oqq{X8{=d~CX2}eOzfL2 znGOhTmKD_(l1X36CLPaj^Ob>{1!OG4O;3&{7(F>d-JH>F@&fhclf5;Ld2izUz~#qv zjhl&Ehue?4iu(}v4;~+$IG!S&B|Hy!y?9UXaq%Vat>f3?Un8I;a7?gB@R;BuAqF8( akTC+W8^aU^9+24#OhAVSZ_d~3Wdr~x?^R|1 diff --git a/fonts/jitsi.woff b/fonts/jitsi.woff index dc7f504d0b6d6ae0f38a15800f4f9f5f2bc246be..2e5c6a083c84901f2793514dea323b27f7582fab 100755 GIT binary patch delta 424 zcmZ1xb|Ory+~3WOfsp|Sv^^NOLA2H%2FA&OOkxvt*MKz`)c3 zl;?nAf%KfpG@w`y1A{6H2)~*AVr@ohVhRI;`UIdFGY}R_icQY|3IfGW0Qo8)%wfmU zk&#7bA@BSRQN1M@ZJ1_o9J26I7OMnT3friQ-_%nc2UT47;~TK^h0 z`-mC{$>fB3AC2d?`O3fz^fM6LY~}%Z6iiQ^p>EFTKKX+Ba>lU9B^oCk^Ei)iF>xhu zz2Fw%w&PCV?%}?|!^IQFQ^3>0vyJByZw&7(J{i6uz61O={QCrK1a1hn2;LCRwjxZd+~3WOfsp|Sv^5yGLA2H#2FA&OOkxvt*MKz`)c4 zl;?nAf%KfpG@#fN1_qS}ApF?QO*|ttF@=Fay#%Pn41`7Bh5pX~3IfH}0Qo@k7*sgy zSlTmkODce37l7tVfH2>6>4=>CWS}~Y7eFO#IW$4RWC!P&o^O+~i4&nv4RIcQHCL3QhjSXe%r( zE-Ee}E-Ws@|AYTK{}KjfuxCvsCopkuZe=DVuaWzs*+$ZWf?f3=B6t zIhtVf { this.state = { addPadding: false, - message: '' + message: '', + showSend: false }; this._onChangeText = this._onChangeText.bind(this); @@ -72,6 +79,13 @@ export default class ChatInputBar extends Component { returnKeyType = 'send' style = { styles.inputField } value = { this.state.message } /> + { + this.state.showSend && + + + } ); } @@ -86,7 +100,8 @@ export default class ChatInputBar extends Component { */ _onChangeText(text) { this.setState({ - message: text + message: text, + showSend: Boolean(text) }); } @@ -117,6 +132,9 @@ export default class ChatInputBar extends Component { const message = this.state.message.trim(); message && this.props.onSend(message); - this.setState({ message: '' }); + this.setState({ + message: '', + showSend: false + }); } } diff --git a/react/features/chat/components/native/styles.js b/react/features/chat/components/native/styles.js index d18baa213..4808b58be 100644 --- a/react/features/chat/components/native/styles.js +++ b/react/features/chat/components/native/styles.js @@ -63,6 +63,7 @@ export default { }, inputBar: { + alignItems: 'center', borderTopColor: 'rgb(209, 219, 231)', borderTopWidth: 1, flexDirection: 'row', @@ -114,6 +115,11 @@ export default { borderTopRightRadius: 0 }, + sendButtonIcon: { + color: ColorPalette.darkGrey, + fontSize: 22 + }, + /** * Style modifier for system (error) messages. */