fix: practice mode swipe card bottom buttons (#78)

gajjartejas · Oct 24, 2023 · 2ebf554 · 2ebf554
1 parent 4902608
commit 2ebf554
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/app/screens/HomeIntro/LearnCharsCard/index.tsx b/app/screens/HomeIntro/LearnCharsCard/index.tsx
@@ -543,15 +543,17 @@ const LearnCharsCard = ({ navigation, route }: Props) => {
  </>
  )}
 
- {isLearningMode && (
+ {!practiceMode && (
  <View style={[styles.bottomButtons, insets.bottom > 0 && styles.bottomMargin]}>
- <Button
- mode="contained-tonal"
- icon={autoSwiping ? 'stop' : 'play'}
- labelStyle={[styles.playPauseButtonLabel]}
- onPress={onToggleAutoSwipe}>
- {autoSwiping ? t('learnCharsCardScreen.stop') : t('learnCharsCardScreen.play')}
- </Button>
+ {isLearningMode && (
+ <Button
+ mode="contained-tonal"
+ icon={autoSwiping ? 'stop' : 'play'}
+ labelStyle={[styles.playPauseButtonLabel]}
+ onPress={onToggleAutoSwipe}>
+ {autoSwiping ? t('learnCharsCardScreen.stop') : t('learnCharsCardScreen.play')}
+ </Button>
+ )}
 
  <IconButton
  style={[styles.randomModeIconButton, { backgroundColor: `${color}30` }]}