o2o-castad-frontend/src/pages/Analysis/LoadingSection.tsx

33 lines
859 B
TypeScript
Executable File

import React from 'react';
import { useTranslation } from 'react-i18next';
const LoadingSection: React.FC = () => {
const { t } = useTranslation();
return (
<div className="loading-container">
<div className="loading-content">
{/* Logo */}
<div className="loading-logo">
<img src="/assets/images/ado2-loading-logo.svg" alt="ADO2" />
</div>
{/* Loading Spinner and Text */}
<div className="loading-section">
<h2 className="loading-title">{t('analysis.loadingTitle')}</h2>
<div className="loading-spinner-wrapper">
<img
src="/assets/images/loading-spinner.svg"
alt="Loading"
className="loading-spinner-icon"
/>
</div>
</div>
</div>
</div>
);
};
export default LoadingSection;