diff --git a/.all-contributorsrc b/.all-contributorsrc index 0f5ae1034..f26a3f036 100644 --- a/.all-contributorsrc +++ b/.all-contributorsrc @@ -517,6 +517,15 @@ "contributions": [ "tool" ] + }, + { + "login": "binkpitch", + "name": "Bink", + "avatar_url": "https://avatars0.githubusercontent.com/u/20456165?v=4", + "profile": "https://binkpitch.me/", + "contributions": [ + "code" + ] } ] } diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md index 1a9fcb9bd..e60bcb980 100644 --- a/CONTRIBUTORS.md +++ b/CONTRIBUTORS.md @@ -13,4 +13,5 @@ Thank you to all the people who have already contributed to GitPoint! | [
Vitaliy Kanev](https://github.com/vitalkanev)
[πŸ“–](https://github.com/gitpoint/git-point/commits?author=vitalkanev "Documentation") | [
Peter Dave Hello](https://www.peterdavehello.org/)
[πŸ“–](https://github.com/gitpoint/git-point/commits?author=PeterDaveHello "Documentation") [πŸ”§](#tool-PeterDaveHello "Tools") | [
Ernoff](https://github.com/Ernoff)
[πŸ’»](https://github.com/gitpoint/git-point/commits?author=Ernoff "Code") [πŸ›](https://github.com/gitpoint/git-point/issues?q=author%3AErnoff "Bug reports") | [
Matthew Brandly](http://words.brandly.me/about/)
[πŸ’»](https://github.com/gitpoint/git-point/commits?author=brandly "Code") | [
JoΓ£o Fonseca](https://github.com/Jpfonseca)
[🌍](#translation-Jpfonseca "Translation") | [
Arjun Curat](https://github.com/acurat)
[πŸ“–](https://github.com/gitpoint/git-point/commits?author=acurat "Documentation") | | [
siderio2](https://github.com/siderio2)
[🌍](#translation-siderio2 "Translation") | [
Kodo Verkisto](https://github.com/kodisto)
[🌍](#translation-kodisto "Translation") | [
Sarah Vessels](http://sarahvessels.com/)
[πŸ“–](https://github.com/gitpoint/git-point/commits?author=cheshire137 "Documentation") | [
Thales Sousa](https://github.com/tminussi)
[🌍](#translation-tminussi "Translation") | [
Aseem Sood](https://github.com/asood123)
[πŸ“–](https://github.com/gitpoint/git-point/commits?author=asood123 "Documentation") | [
Eliott hauteclair](https://eliott.be)
[🌍](#translation-Eliottiosdevs "Translation") | | [
Peter Blazejewicz](http://www.linkedin.com/in/peterblazejewicz)
[🌍](#translation-peterblazejewicz "Translation") | [
Eric Adamski](https://github.com/ericadamski)
[πŸ›](https://github.com/gitpoint/git-point/issues?q=author%3Aericadamski "Bug reports") | [
Jouderian Nobre Junior](https://github.com/jouderianjr)
[πŸ’»](https://github.com/gitpoint/git-point/commits?author=jouderianjr "Code") | [
Phi Dong](http://www.phidong.com)
[πŸ’»](https://github.com/gitpoint/git-point/commits?author=pdong "Code") | [
Γ“scar Carretero](https://github.com/ocarreterom)
[πŸ’»](https://github.com/gitpoint/git-point/commits?author=ocarreterom "Code") | [
Dyesse YUMBA](https://github.com/dyesseyumba)
[πŸ”§](#tool-dyesseyumba "Tools") | +| [
Bink](https://binkpitch.me/)
| diff --git a/src/components/inline-label.component.js b/src/components/inline-label.component.js index 5af9cc76a..54869f1b6 100644 --- a/src/components/inline-label.component.js +++ b/src/components/inline-label.component.js @@ -1,22 +1,26 @@ import React, { Component } from 'react'; -import { StyleSheet, Text } from 'react-native'; +import styled from 'styled-components/native'; import { fonts, normalize } from 'config'; import { getFontColorByBackground } from 'utils'; -const styles = StyleSheet.create({ - inlineLabel: { - fontSize: normalize(10), - ...fonts.fontPrimarySemiBold, - paddingHorizontal: 5, - margin: 2, - borderWidth: 1, - overflow: 'hidden', - borderRadius: 3, - minWidth: 50, - textAlign: 'center', - }, -}); +const InlineLabelText = styled.Text` + font-size: ${normalize(10)}; + ${{ ...fonts.fontPrimarySemiBold }}; + padding-horizontal: 5; + margin-top: 2; + margin-left: 2; + margin-right: 2; + margin-bottom: 2; + border-width: 1; + overflow: hidden; + border-radius: 3; + min-width: 50; + text-align: center; + ${({ backgroundColor }) => `background-color: #${backgroundColor};`}; + ${({ color }) => `color: ${getFontColorByBackground(color)};`}; + ${({ borderColor }) => `border-color: #${borderColor};`}; +`; export class InlineLabel extends Component { props: { @@ -27,18 +31,13 @@ export class InlineLabel extends Component { const { color, name } = this.props.label; return ( - {name} - + ); } }