33 lines
807 B
JavaScript
33 lines
807 B
JavaScript
import React from 'react';
|
|
import { AuthProvider, useAuth } from './contexts/AuthContext';
|
|
import { MessagingProvider } from './contexts/MessagingContext';
|
|
import MainLayout from './mockup/MainLayout';
|
|
import './index.css';
|
|
|
|
/**
|
|
* Main application component
|
|
* AeThex Connect - Discord-style communication platform
|
|
*/
|
|
function AppContent() {
|
|
const { user, loading } = useAuth();
|
|
|
|
if (loading) {
|
|
return (
|
|
<div className="flex items-center justify-center h-screen bg-zinc-900">
|
|
<div className="animate-spin rounded-full h-12 w-12 border-t-2 border-purple-500"></div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return <MainLayout />;
|
|
}
|
|
|
|
export default function App() {
|
|
return (
|
|
<AuthProvider>
|
|
<MessagingProvider>
|
|
<AppContent />
|
|
</MessagingProvider>
|
|
</AuthProvider>
|
|
);
|
|
}
|