85d98381df
- Set up main entry point for React application. - Create About, Home, NotFound, Privacy, and Terms pages with SEO support. - Implement API service for file uploads and task management. - Add global styles using Tailwind CSS. - Create utility functions for SEO and text processing. - Configure Vite for development and production builds. - Set up Nginx configuration for serving frontend and backend. - Add scripts for cleanup of expired files and sitemap generation. - Implement deployment script for production environment.
21 lines
556 B
TypeScript
21 lines
556 B
TypeScript
import { useEffect } from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
/**
|
|
* Hook that manages the HTML dir attribute based on current language.
|
|
*/
|
|
export function useDirection() {
|
|
const { i18n } = useTranslation();
|
|
const isRTL = i18n.language === 'ar';
|
|
|
|
useEffect(() => {
|
|
const dir = isRTL ? 'rtl' : 'ltr';
|
|
const lang = i18n.language;
|
|
|
|
document.documentElement.setAttribute('dir', dir);
|
|
document.documentElement.setAttribute('lang', lang);
|
|
}, [i18n.language, isRTL]);
|
|
|
|
return { isRTL, language: i18n.language };
|
|
}
|