/ var / www / html / cqt / src / [ HOME SHELL ]

Name	Size	Permission
assets	[ DIR ]	drwxr-xr-x
components	[ DIR ]	drwxr-xr-x
contexts	[ DIR ]	drwxr-xr-x
hooks	[ DIR ]	drwxr-xr-x
lib	[ DIR ]	drwxr-xr-x
pages	[ DIR ]	drwxr-xr-x
App.css	606 B	-rw-r--r--
App.tsx	4.1 KB	-rw-r--r--
index.css	9.57 KB	-rw-r--r--
main.tsx	161 B	-rw-r--r--
vite-env.d.ts	38 B	-rw-r--r--

Code Editor : App.tsx

import { Toaster } from "@/components/ui/toaster";
import { Toaster as Sonner } from "@/components/ui/sonner";
import { TooltipProvider } from "@/components/ui/tooltip";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { BrowserRouter, Routes, Route, useLocation } from "react-router-dom";
import { AuthProvider } from "./contexts/AuthContext";
import { useEffect } from "react";
import ProtectedRoute from "./components/ProtectedRoute";
import Index from "./pages/Index";
import NotFound from "./pages/NotFound";
import AboutPage from "./pages/AboutPage";
import ResearchPage from "./pages/ResearchPage";
import ResearchDetailPage from "./pages/ResearchDetailPage";
import TeamPage from "./pages/TeamPage";
import NewsPage from "./pages/NewsPage";
import NewsDetailPage from "./pages/NewsDetailPage";
import ContactPage from "./pages/ContactPage";
import PersonPage from "./pages/PersonPage";
import CourseDetailPage from "./pages/CourseDetailPage";
import WorkshopDetailPage from "./pages/WorkshopDetailPage";
import WorkshopsPage from "./pages/WorkshopsPage";
import EducationPage from "./pages/EducationPage";
import AdminLogin from "./pages/AdminLogin";
import AdminDashboard from "./pages/AdminDashboard";
import AdminLayout from "./components/AdminLayout";
import ResearchManager from "./pages/ResearchManager";
import NewsManager from "./pages/NewsManager";
import CoursesManager from "./pages/CoursesManager";
import WorkshopsManager from "./pages/WorkshopsManager";
import TeamManager from "./pages/TeamManager";
import PublicationsPage from "./pages/PublicationsPage";
import LabsPage from "./pages/LabsPage";
import PublicationsManager from "./pages/PublicationsManager";
import LabsManager from "./pages/LabsManager";

const queryClient = new QueryClient();

const ScrollToTop = () => {
  const { pathname } = useLocation();

useEffect(() => {
    window.scrollTo(0, 0);
  }, [pathname]);

return null;
};

const App = () => (
  <QueryClientProvider client={queryClient}>
    <TooltipProvider>
      <Toaster />
      <Sonner />
      <BrowserRouter>
        <AuthProvider>
          <ScrollToTop />
          <Routes>
            <Route path="/" element={<Index />} />
            <Route path="/about" element={<AboutPage />} />
            <Route path="/research" element={<ResearchPage />} />
            <Route path="/research/:id" element={<ResearchDetailPage />} />
            <Route path="/education" element={<EducationPage />} />
            <Route path="/courses/:id" element={<CourseDetailPage />} />
            <Route path="/workshops" element={<WorkshopsPage />} />
            <Route path="/workshops/:id" element={<WorkshopDetailPage />} />
            <Route path="/team" element={<TeamPage />} />
            <Route path="/people/:id" element={<PersonPage />} />
            <Route path="/news" element={<NewsPage />} />
            <Route path="/news/:id" element={<NewsDetailPage />} />
            <Route path="/publications" element={<PublicationsPage />} />
            <Route path="/labs" element={<LabsPage />} />
            <Route path="/contact" element={<ContactPage />} />
            
            {/* Admin Routes */}
            <Route path="/admin/login" element={<AdminLogin />} />
            <Route path="/admin" element={<ProtectedRoute><AdminLayout /></ProtectedRoute>}>
              <Route path="dashboard" element={<AdminDashboard />} />
              <Route path="research" element={<ResearchManager />} />
              <Route path="news" element={<NewsManager />} />
              <Route path="courses" element={<CoursesManager />} />
              <Route path="workshops" element={<WorkshopsManager />} />
              <Route path="team" element={<TeamManager />} />
              <Route path="publications" element={<PublicationsManager />} />
              <Route path="labs" element={<LabsManager />} />
            </Route>
            
            {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
            <Route path="*" element={<NotFound />} />
          </Routes>
        </AuthProvider>
      </BrowserRouter>
    </TooltipProvider>
  </QueryClientProvider>
);

export default App;

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.

${this.title}

Code Editor : App.tsx

Urban Research Lab