QF-1426 wbw (#2261)

* Enable word by word for all users and enable it for reading view

* Always enable Ayah menu for reading view (#2262)

src/components/dls/QuranWord/QuranWord.tsx

@@ -108,10 +108,13 @@ const QuranWord = ({
 
     1. When the current character is of type Word.
     2. When it's allowed to have word by word (won't be allowed for search results as of now).
-    3. When the tooltip settings are set to either translation or transliteration or both.
+    3. When in translation view: the tooltip settings are set to either translation or transliteration or both.
+       When in reading view: always show tooltip.
   */
   const showTooltip =
-    word.charTypeName === CharType.Word && isWordByWordAllowed && !!showTooltipFor.length;
+    word.charTypeName === CharType.Word &&
+    isWordByWordAllowed &&
+    (readingPreference === ReadingPreference.Translation ? !!showTooltipFor.length : true);
   const translationViewTooltipContent = useMemo(
     () => (isWordByWordAllowed ? getTooltipText(showTooltipFor, word) : null),
     [isWordByWordAllowed, showTooltipFor, word],
@@ -139,8 +142,7 @@ const QuranWord = ({
     }
   }, [audioService, isRecitationEnabled, word]);
 
-  const shouldHandleWordClicking =
-    readingPreference === ReadingPreference.Translation && word.charTypeName !== CharType.End;
+  const shouldHandleWordClicking = word.charTypeName !== CharType.End;
 
   return (
     <div

src/redux/migrations.ts

@@ -259,4 +259,11 @@ export default {
       wordClickFunctionality: WordClickFunctionality.NoAudio,
     },
   }),
+  34: (state) => ({
+    ...state,
+    readingPreferences: {
+      ...state.readingPreferences,
+      wordClickFunctionality: WordClickFunctionality.PlayAudio,
+    },
+  }),
 };

src/redux/store.ts

@@ -46,7 +46,7 @@ import SliceName from './types/SliceName';
 
 const persistConfig = {
   key: 'root',
-  version: 33,
+  version: 34,
   storage,
   migrate: createMigrate(migrations, {
     debug: process.env.NEXT_PUBLIC_VERCEL_ENV === 'development',