ReflectsLight/al-quran.reflectslight.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Apply classes regardless of locale direction

Browse source
This commit is contained in:
0x1eef 2024-09-21 17:01:05 -03:00
parent 743f326343
commit d6d6b10be3
1 changed files with 1 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/js/components/SurahStream/Stream.tsx
View file

@ -22,7 +22,6 @@ export function Stream({
}: Props) { }: Props) {
const className = endOfStream || isPaused ? ["scroll-y"] : []; const className = endOfStream || isPaused ? ["scroll-y"] : [];
const isArabic = locale.name === "ar"; const isArabic = locale.name === "ar";
const isRTL = locale.direction === "rtl";
const ref = useRef<HTMLUListElement>(null); const ref = useRef<HTMLUListElement>(null);
const ul = useMemo<JSX.Element>(() => { const ul = useMemo<JSX.Element>(() => {
return ( return (
@ -55,11 +54,7 @@ export function Stream({
} }
}} }}
/> />
<span <span className="color-primary font-extrabold">
className={classNames({
"color-primary font-extrabold": isRTL,
})}
>
{t(locale, "surah")} {formatNumber(locale, surah.id)} {t(locale, "surah")} {formatNumber(locale, surah.id)}
{t(locale, "comma")} {t(locale, "ayah")}{" "} {t(locale, "comma")} {t(locale, "ayah")}{" "}
{formatNumber(locale, ayah.id)} {t(locale, "of")}{" "} {formatNumber(locale, ayah.id)} {t(locale, "of")}{" "}