This commit is contained in:
0x1eef 2023-03-15 18:48:55 -03:00
parent d9f611deb2
commit faa5f25a81
2 changed files with 5 additions and 5 deletions

View file

@ -1,6 +1,6 @@
import * as Quran from 'lib/Quran'; import * as Quran from 'lib/Quran';
import React, { useEffect } from 'react'; import React, { useEffect } from 'react';
import { TFunction } from 'lib/i18n'; import { formatNumber, TFunction } from 'lib/i18n';
import { Slice } from 'lib/Quran/Slice'; import { Slice } from 'lib/Quran/Slice';
import classNames from 'classnames'; import classNames from 'classnames';
@ -25,10 +25,10 @@ export function Stream({ surah, stream, locale, slice, endOfStream, isPaused, t
<li key={ayah.id} className="ayah fade"> <li key={ayah.id} className="ayah fade">
<span className="surah-id ayah-id"> <span className="surah-id ayah-id">
{t(locale, 'surah')}{' '} {t(locale, 'surah')}{' '}
{surah.id.toLocaleString(locale)} {formatNumber(surah.id, locale)}
{t(locale, 'comma')}{' '} {t(locale, 'comma')}{' '}
{t(locale, 'ayah')}{' '} {t(locale, 'ayah')}{' '}
{ayah.id.toLocaleString(locale)} {formatNumber(ayah.id, locale)}
</span> </span>
<p>{ayah.text}</p> <p>{ayah.text}</p>
</li> </li>

View file

@ -6,7 +6,7 @@ import * as Quran from 'lib/Quran';
import { SelectOption } from 'components/Select'; import { SelectOption } from 'components/Select';
import { ThemeSelect } from 'components/ThemeSelect'; import { ThemeSelect } from 'components/ThemeSelect';
import { LanguageSelect } from 'components/LanguageSelect'; import { LanguageSelect } from 'components/LanguageSelect';
import { i18n, TFunction } from 'lib/i18n'; import { i18n, formatNumber, TFunction } from 'lib/i18n';
interface Props { interface Props {
locale: Quran.Locale locale: Quran.Locale
@ -35,7 +35,7 @@ function SurahIndex({ locale, surahs, t }: Props) {
<li className="surah" key={key}> <li className="surah" key={key}>
<a href={`/${locale}/${surah.slug}`}> <a href={`/${locale}/${surah.slug}`}>
<div className="surah id"> <div className="surah id">
{surah.id.toLocaleString(locale)} {formatNumber(surah.id, locale)}
</div> </div>
<div className="surah name"> <div className="surah name">
{surah.localizedName} {surah.localizedName}