brandon.presley/Massive
brandon.presley
/
Massive
4
8
Fork 3
Code Issues 14 Pull Requests Activity

Add back in primary color for timer 

The default progress color had weird
looking jagged edges.
This commit is contained in:
Brandon Presley 2022-11-08 12:58:16 +13:00
parent eb23fc2210
commit bac2e3498f
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
TimerPage.tsx
View File

@ -1,6 +1,6 @@
import React, {useEffect, useMemo, useState} from 'react'
import {Dimensions, NativeEventEmitter, NativeModules, View} from 'react-native'
import {Button, Text} from 'react-native-paper'
import {Button, Text, useTheme} from 'react-native-paper'
import {ProgressCircle} from 'react-native-svg-charts'
import {MARGIN, PADDING} from './constants'
import {settingsRepo} from './db'
@ -17,6 +17,7 @@ export default function TimerPage() {
const [minutes, setMinutes] = useState('00')
const [seconds, setSeconds] = useState('00')
const [settings, setSettings] = useState<Settings>()
const {colors} = useTheme()
useEffect(() => {
settingsRepo.findOne({where: {}}).then(setSettings)
@ -65,6 +66,7 @@ export default function TimerPage() {
style={{height: 300, width: 500, marginBottom: MARGIN, top: -50}}
progress={progress}
strokeWidth={10}
progressColor={colors.primary}
/>
</View>
</View>