File size: 607 Bytes
ec4551b | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | 'use client';
import { FC, ReactNode, useEffect, useState } from 'react';
import { useTranslationSettings } from '@gitroom/react/translation/get.transation.service.client';
export const HtmlComponent: FC = () => {
const settings = useTranslationSettings();
const [dir, setDir] = useState(settings.dir());
useEffect(() => {
settings.on('languageChanged', (lng) => {
setDir(settings.dir());
});
}, []);
useEffect(() => {
const htmlElement = document.querySelector('html');
if (htmlElement) {
htmlElement.setAttribute('dir', dir);
}
}, [dir]);
return null;
};
|