fix(all): 🐛 minor fixes and improvements

Signed-off-by: Yunus Andréasson <yunus@edenmind.com>

api/package.json

@@ -3,7 +3,7 @@
   "license": "MIT",
   "homepage": "https://openarabic.io",
   "repository": "https://github.com/edenmind/OpenArabic",
-  "version": "1444.12.231",
+  "version": "1444.12.232",
   "authors": [
     "Yunus Andreasson <yunus@edenmind.com> (https://github.com/YunusAndreasson)"
   ],

mobile/app.json

@@ -2,7 +2,7 @@
   "expo": {
     "name": "Open Arabic",
     "slug": "OpenArabic",
-    "version": "1444.12.316",
+    "version": "1444.12.332",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "userInterfaceStyle": "automatic",
@@ -15,9 +15,7 @@
       "fallbackToCacheTimeout": 0,
       "url": "https://u.expo.dev/1c598c45-ad51-4592-9f75-f655407765b3"
     },
-    "assetBundlePatterns": [
-      "**/*"
-    ],
+    "assetBundlePatterns": ["**/*"],
     "ios": {
       "supportsTablet": false,
       "bundleIdentifier": "openarabic"
@@ -28,14 +26,12 @@
         "backgroundColor": "#323200"
       },
       "package": "com.edenmind.OpenArabic",
-      "versionCode": 113
+      "versionCode": 114
     },
     "web": {
       "favicon": "./assets/favicon.png"
     },
-    "plugins": [
-      "@bugsnag/plugin-expo-eas-sourcemaps"
-    ],
+    "plugins": ["@bugsnag/plugin-expo-eas-sourcemaps"],
     "extra": {
       "bugsnag": {
         "apiKey": "77c30e82c802aed265d4d31617059924"

mobile/components/context-highlighted.js

@@ -36,7 +36,7 @@ const WordsContextHighLighted = (props) => {
 
   const highlightWords = (sentence, words) => {
     return sentence.map((word, index) => {
-      return word.id === words.id ? (
+      return word.id === words.id && !props.sentenceIsComplete ? (
         <HighlightedWord word={word} key={index} />
       ) : (
         <Text
@@ -60,9 +60,11 @@ const WordsContextHighLighted = (props) => {
       <View style={rowWrapper}>{highlightWords(props.englishSentence, props.englishWord)}</View>
       <Text style={{ ...sharedStyle.arabicBody, paddingBottom: 10 }}>
         {props.arabicSentence}
-        <Animated.View style={{ opacity: fadeAnim }}>
-          <Text style={{ ...sharedStyle.arabicBody, color: theme.colors.tertiary }}>...</Text>
-        </Animated.View>
+        {!props.sentenceIsComplete && (
+          <Animated.View style={{ opacity: fadeAnim }}>
+            <Text style={{ ...sharedStyle.arabicBody, color: theme.colors.tertiary }}>...</Text>
+          </Animated.View>
+        )}
       </Text>
     </View>
   )
@@ -71,7 +73,8 @@ const WordsContextHighLighted = (props) => {
 WordsContextHighLighted.propTypes = {
   englishSentence: PropTypes.array.isRequired,
   arabicSentence: PropTypes.string.isRequired,
-  englishWord: PropTypes.any.isRequired
+  englishWord: PropTypes.any.isRequired,
+  sentenceIsComplete: PropTypes.bool
 }
 
 export default WordsContextHighLighted

mobile/components/play-sound.js

@@ -17,8 +17,6 @@ export default function PlaySound({ audioFileNames, buttonText, mode = 'elevated
 
   // function that loops over audioFileName that is an array and calls playSound with the should that should be played
   const playAllSounds = async () => {
-    console.log(audioFileNames)
-
     if (Array.isArray(audioFileNames)) {
       for (const audioFileName of audioFileNames) {
         await playSound(audioFileName)