mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-18 09:05:55 +00:00
733de659da
* Update eslint dependencies. * standard --fix * build: disable handler name lint rule * status-bar: manually fix lint errors * webcam: manually fix lint errors * url: manually fix lint errors * react-native: manually fix lint errors * dashboard: manually fix lint errors * informer: manually fix linting errors * progress-bar: manually fix lint errors * provider-views: manually fix lint errors * redux-dev-tools: manually fix lint errors * build: disable buggy no-unused-vars rule * examples: manually fix lint errors * ` quotes for code things, ' for text things
33 lines
727 B
JavaScript
33 lines
727 B
JavaScript
import React from 'react' // eslint-disable-line no-unused-vars
|
|
import { View, Text } from 'react-native'
|
|
|
|
export default function ProgressBar (props) {
|
|
const progress = props.progress
|
|
|
|
const colorGreen = '#0b8600'
|
|
const colorBlue = '#006bb7'
|
|
|
|
return (
|
|
<View style={{
|
|
marginTop: 15,
|
|
marginBottom: 15
|
|
}}
|
|
>
|
|
<View
|
|
style={{
|
|
height: 5,
|
|
overflow: 'hidden',
|
|
backgroundColor: '#dee1e3'
|
|
}}
|
|
>
|
|
<View style={{
|
|
height: 5,
|
|
backgroundColor: progress === 100 ? colorGreen : colorBlue,
|
|
width: progress + '%'
|
|
}}
|
|
/>
|
|
</View>
|
|
<Text>{progress ? progress + '%' : null}</Text>
|
|
</View>
|
|
)
|
|
}
|