change language story (#352)

components/hooks/useStoryReader.ts

@@ -9,16 +9,16 @@ import { Language } from 'utils/locales';
 const TIMOUT_DELAY = 500;
 
 export const useStoryReader = (id: string) => {
-  const { currentLanguage } = useLanguage();
+  const { otherLanguage } = useLanguage();
   const [currentTime, setCurrentTime] = useState<number>(0);
   const [seekValue, setSeekValue] = useState<number>(0);
   const [isPlaying, setIsPlaying] = useState<boolean>(false);
-  const [languagePlay, setLanguagePlay] = useState<Language>(currentLanguage);
+  const [languagePlay, setLanguagePlay] = useState<Language>(otherLanguage);
 
   const audio = useRef<HTMLAudioElement | null>(null);
   const source = `https://data.movapp.eu/bilingual-reading/${id}-${languagePlay}.mp3`;
-
   const playStory: VoidFunction = useCallback(() => {
+    // console.dir(audio.current)
     if (audio.current !== null) {
       setIsPlaying(true);
       audio.current.play();
@@ -42,7 +42,6 @@ export const useStoryReader = (id: string) => {
   const playPhrase: (value: PhraseInfo) => void = useCallback(
     (value: PhraseInfo) => {
       const { time, language } = value;
-
       setLanguagePlay(language);
       setSeekValue(time);
       pauseStory(); // pause current audio if it's playing

public/locales/uk/common.json

@@ -135,7 +135,6 @@
     "support_us_description": "- Розкажіть про нас українцям серед вашого оточення (на роботі, в школі, сім'ям, які живуть у вашому домі) - ви можете роздрукувати та подарувати їм ці <0>плакати.</0><br/> -  Слідкуйте за нами в соціальних мережах, дивіться нашу <1>контактну</1>, сторінку та допомагайте нам поширювати інформацію. <br/> - Якщо у вас є більше часу (2 або більше годин на тиждень), ви можете приєднатися до нас. Подивіться, які <2>волонтерські позиції</2> ми шукаємо. Ви можете зв'язатися з нами <3>електронною</3> поштою або через <4>Slack Česko.Digital.</4>",
     "how_we_prepared_content_title": "Як ми готуємо контент для вивчення мови?",
     "how_we_prepared_content_description": "Контент Movapp створюють волонтери, серед яких є і лінгвісти. Для створення текстів іноді використовується ШІ (штучний інтелект, наприклад <0>ChatGPT</0>), але такі тексти завжди перевіряються носіями мови. Аудіозаписи створюються за допомогою <1>Azure Cognitive Services</1>, а потім також перевіряються носіями мови. Якщо під час комп’ютерного синтезу з’являються недоліки, ми намагаємося їх усунути. У деяких випадках це складно, а іноді навіть неможливо. Слабка підтримка української мови в Azure Cognitive Services призводить до того, що іноді трапляються помилки у вимові, зокрема неправильна вимова українського приголосного <i>\"ґ\"</i> як <i>\"г\"</i>. Ми знаємо про цю проблему й шукаємо рішення. Якщо ви все ж таки виявили помилку (або вам здається, що присутня помилка), зверніться до нас за допомогою форми „Знайшли помилку або маєте пропозиції щодо покращення?“ в нижній частині нашого сайту. Ви теж можете зробити свій внесок у покращення Movapp. Дякуємо!"
-
   },
   "contacts_page": {
     "title": "Контакти",