parent
30c54aa265
commit
ea2b2583b8
|
@ -1,39 +0,0 @@
|
||||||
import React from 'react'
|
|
||||||
import {View} from 'react-native'
|
|
||||||
import {Text} from '../../util/text/Text'
|
|
||||||
import {s} from 'lib/styles'
|
|
||||||
|
|
||||||
const MAX_TEXT_LENGTH = 256
|
|
||||||
const DANGER_TEXT_LENGTH = MAX_TEXT_LENGTH
|
|
||||||
|
|
||||||
export function CharProgress({count}: {count: number}) {
|
|
||||||
const progressColor = count > DANGER_TEXT_LENGTH ? '#e60000' : undefined
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Text style={[s.mr10, {color: progressColor}]}>
|
|
||||||
{MAX_TEXT_LENGTH - count}
|
|
||||||
</Text>
|
|
||||||
<View>
|
|
||||||
{
|
|
||||||
null /* TODO count > DANGER_TEXT_LENGTH ? (
|
|
||||||
<ProgressPie
|
|
||||||
size={30}
|
|
||||||
borderWidth={4}
|
|
||||||
borderColor={progressColor}
|
|
||||||
color={progressColor}
|
|
||||||
progress={Math.min((count - MAX_TEXT_LENGTH) / MAX_TEXT_LENGTH, 1)}
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<ProgressCircle
|
|
||||||
size={30}
|
|
||||||
borderWidth={1}
|
|
||||||
borderColor={colors.gray2}
|
|
||||||
color={progressColor}
|
|
||||||
progress={count / MAX_TEXT_LENGTH}
|
|
||||||
/>
|
|
||||||
)*/
|
|
||||||
}
|
|
||||||
</View>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
Loading…
Reference in New Issue