feat: major UI overhaul with new components and enhanced UX
- Add comprehensive Company Wiki feature with complete state management - CompanyWikiManager, empty states, invite modals - Implement new Chat system with enhanced layout and components - ChatLayout, ChatSidebar, MessageThread, FileUploadInput - Create modern Login and OTP verification flows - LoginNew page, OTPVerification component - Add new Employee Forms system with enhanced controller - Introduce Figma-based design components and multiple choice inputs - Add new font assets (NeueMontreal) and robot images for onboarding - Enhance existing components with improved styling and functionality - Update build configuration and dependencies - Remove deprecated ModernLogin component
This commit is contained in:
56
App.tsx
56
App.tsx
@@ -8,9 +8,11 @@ import { Layout } from './components/UiKit';
|
||||
import CompanyWiki from './pages/CompanyWiki';
|
||||
import EmployeeData from './pages/EmployeeData';
|
||||
import Chat from './pages/Chat';
|
||||
import ChatNew from './pages/ChatNew';
|
||||
import HelpNew from './pages/HelpNew';
|
||||
import SettingsNew from './pages/SettingsNew';
|
||||
import HelpAndSettings from './pages/HelpAndSettings';
|
||||
import Login from './pages/Login';
|
||||
import ModernLogin from './pages/ModernLogin';
|
||||
import ModernLogin from './pages/Login';
|
||||
import OrgSelection from './pages/OrgSelection';
|
||||
import Onboarding from './pages/Onboarding';
|
||||
import EmployeeQuestionnaire from './pages/EmployeeQuestionnaire';
|
||||
@@ -20,7 +22,6 @@ import FormsDashboard from './pages/FormsDashboard';
|
||||
import DebugEmployee from './pages/DebugEmployee';
|
||||
import QuestionnaireComplete from './pages/QuestionnaireComplete';
|
||||
import SubscriptionSetup from './pages/SubscriptionSetup';
|
||||
import { isFirebaseConfigured } from './services/firebase';
|
||||
|
||||
const RequireAuth: React.FC<{ children: React.ReactNode }> = ({ children }) => {
|
||||
const { user, loading } = useAuth();
|
||||
@@ -112,7 +113,6 @@ function App() {
|
||||
<Route path="/login" element={<ModernLogin />} />
|
||||
<Route path="/login/:inviteCode" element={<ModernLogin />} />
|
||||
<Route path="/invite/:inviteCode" element={<InviteRedirect />} />
|
||||
<Route path="/legacy-login" element={<Login />} />
|
||||
|
||||
{/* Employee questionnaire - no auth needed, uses invite code */}
|
||||
<Route path="/employee-form/:inviteCode" element={<EmployeeQuestionnaire />} />
|
||||
@@ -180,6 +180,54 @@ function App() {
|
||||
|
||||
<Route path="/questionnaire-complete" element={<QuestionnaireComplete />} />
|
||||
|
||||
{/* New Figma Chat Implementation - Standalone route */}
|
||||
<Route
|
||||
path="/chat-new"
|
||||
element={
|
||||
<RequireAuth>
|
||||
<RequireOrgSelection>
|
||||
<OrgProviderWrapper>
|
||||
<RequireOnboarding>
|
||||
<ChatNew />
|
||||
</RequireOnboarding>
|
||||
</OrgProviderWrapper>
|
||||
</RequireOrgSelection>
|
||||
</RequireAuth>
|
||||
}
|
||||
/>
|
||||
|
||||
{/* New Figma Help Implementation - Standalone route */}
|
||||
<Route
|
||||
path="/help-new"
|
||||
element={
|
||||
<RequireAuth>
|
||||
<RequireOrgSelection>
|
||||
<OrgProviderWrapper>
|
||||
<RequireOnboarding>
|
||||
<HelpNew />
|
||||
</RequireOnboarding>
|
||||
</OrgProviderWrapper>
|
||||
</RequireOrgSelection>
|
||||
</RequireAuth>
|
||||
}
|
||||
/>
|
||||
|
||||
{/* New Figma Settings Implementation - Standalone route */}
|
||||
<Route
|
||||
path="/settings-new"
|
||||
element={
|
||||
<RequireAuth>
|
||||
<RequireOrgSelection>
|
||||
<OrgProviderWrapper>
|
||||
<RequireOnboarding>
|
||||
<SettingsNew />
|
||||
</RequireOnboarding>
|
||||
</OrgProviderWrapper>
|
||||
</RequireOrgSelection>
|
||||
</RequireAuth>
|
||||
}
|
||||
/>
|
||||
|
||||
{/* Main app routes - require auth, org selection, and completed onboarding */}
|
||||
<Route
|
||||
element={
|
||||
|
||||
Reference in New Issue
Block a user