add prettier, pretify
This commit is contained in:
209
src/App.tsx
209
src/App.tsx
@@ -1,159 +1,130 @@
|
||||
import { useState, useEffect } from "react";
|
||||
import { Header } from "./components/Header";
|
||||
import { Footer } from "./components/Footer";
|
||||
import { ContactModal } from "./components/ContactModal";
|
||||
import { HomePage } from "./pages/HomePage";
|
||||
import { CloudPage } from "./pages/CloudPage";
|
||||
import { RussianSoftwarePage } from "./pages/RussianSoftwarePage";
|
||||
import { CybersecurityPage } from "./pages/CybersecurityPage";
|
||||
import { AISolutionsPage } from "./pages/AISolutionsPage";
|
||||
import { RussianHardwarePage } from "./pages/RussianHardwarePage";
|
||||
import { HardwareSolutionsPage } from "./pages/HardwareSolutionsPage";
|
||||
import { CADandGISPage } from "./pages/CADandGISPage";
|
||||
import { IndustrialSolutionsPage } from "./pages/IndustrialSolutionsPage";
|
||||
import { GovernmentPage } from "./pages/GovernmentPage";
|
||||
import { BusinessPage } from "./pages/BusinessPage";
|
||||
import { ConsultingPage } from "./pages/ConsultingPage";
|
||||
import { ImplementationPage } from "./pages/ImplementationPage";
|
||||
import { ManagedServicesPage } from "./pages/ManagedServicesPage";
|
||||
import { IntegrationPage } from "./pages/IntegrationPage";
|
||||
import { SpecializedServicesPage } from "./pages/SpecializedServicesPage";
|
||||
import { SupportPage } from "./pages/SupportPage";
|
||||
import { SubscriptionPage } from "./pages/SubscriptionPage";
|
||||
import { useState, useEffect } from 'react'
|
||||
import { Header } from './components/Header'
|
||||
import { Footer } from './components/Footer'
|
||||
import { ContactModal } from './components/ContactModal'
|
||||
import { HomePage } from './pages/HomePage'
|
||||
import { CloudPage } from './pages/CloudPage'
|
||||
import { RussianSoftwarePage } from './pages/RussianSoftwarePage'
|
||||
import { CybersecurityPage } from './pages/CybersecurityPage'
|
||||
import { AISolutionsPage } from './pages/AISolutionsPage'
|
||||
import { RussianHardwarePage } from './pages/RussianHardwarePage'
|
||||
import { HardwareSolutionsPage } from './pages/HardwareSolutionsPage'
|
||||
import { CADandGISPage } from './pages/CADandGISPage'
|
||||
import { IndustrialSolutionsPage } from './pages/IndustrialSolutionsPage'
|
||||
import { GovernmentPage } from './pages/GovernmentPage'
|
||||
import { BusinessPage } from './pages/BusinessPage'
|
||||
import { ConsultingPage } from './pages/ConsultingPage'
|
||||
import { ImplementationPage } from './pages/ImplementationPage'
|
||||
import { ManagedServicesPage } from './pages/ManagedServicesPage'
|
||||
import { IntegrationPage } from './pages/IntegrationPage'
|
||||
import { SpecializedServicesPage } from './pages/SpecializedServicesPage'
|
||||
import { SupportPage } from './pages/SupportPage'
|
||||
import { SubscriptionPage } from './pages/SubscriptionPage'
|
||||
|
||||
export default function App() {
|
||||
const [currentPage, setCurrentPage] = useState("home");
|
||||
const [pendingScroll, setPendingScroll] = useState<
|
||||
string | null
|
||||
>(null);
|
||||
const [isContactModalOpen, setIsContactModalOpen] =
|
||||
useState(false);
|
||||
const [currentPage, setCurrentPage] = useState('home')
|
||||
const [pendingScroll, setPendingScroll] = useState<string | null>(null)
|
||||
const [isContactModalOpen, setIsContactModalOpen] = useState(false)
|
||||
|
||||
const scrollToSection = (sectionId: string) => {
|
||||
// Даем странице время отрендериться
|
||||
setTimeout(() => {
|
||||
const section = document.getElementById(sectionId);
|
||||
console.log(
|
||||
"Trying to scroll to:",
|
||||
sectionId,
|
||||
"Found element:",
|
||||
section,
|
||||
);
|
||||
const section = document.getElementById(sectionId)
|
||||
console.log('Trying to scroll to:', sectionId, 'Found element:', section)
|
||||
if (section) {
|
||||
const headerHeight = 85; // Header высота + минимальный отступ
|
||||
const targetPosition = section.offsetTop - headerHeight;
|
||||
console.log("Scrolling to position:", targetPosition);
|
||||
const headerHeight = 85 // Header высота + минимальный отступ
|
||||
const targetPosition = section.offsetTop - headerHeight
|
||||
console.log('Scrolling to position:', targetPosition)
|
||||
window.scrollTo({
|
||||
top: targetPosition,
|
||||
behavior: "smooth",
|
||||
});
|
||||
behavior: 'smooth',
|
||||
})
|
||||
} else {
|
||||
console.error("Section not found:", sectionId);
|
||||
console.error('Section not found:', sectionId)
|
||||
}
|
||||
}, 100);
|
||||
};
|
||||
}, 100)
|
||||
}
|
||||
|
||||
const handleNavigate = (page: string, section?: string) => {
|
||||
if (section) {
|
||||
// Клик на Кейсы/О компании/Контакты
|
||||
if (currentPage !== "home") {
|
||||
if (currentPage !== 'home') {
|
||||
// Если не на главной - переходим туда
|
||||
setCurrentPage("home");
|
||||
setPendingScroll(section);
|
||||
setCurrentPage('home')
|
||||
setPendingScroll(section)
|
||||
} else {
|
||||
// Уже на главной - скроллим сразу
|
||||
scrollToSection(section);
|
||||
scrollToSection(section)
|
||||
}
|
||||
} else {
|
||||
// Обычная навигация на другие страницы
|
||||
setCurrentPage(page);
|
||||
setPendingScroll(null);
|
||||
window.scrollTo({ top: 0, behavior: "smooth" });
|
||||
setCurrentPage(page)
|
||||
setPendingScroll(null)
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' })
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
// Когда вернулись на главную с отложенным скроллом
|
||||
if (currentPage === "home" && pendingScroll) {
|
||||
scrollToSection(pendingScroll);
|
||||
setPendingScroll(null);
|
||||
if (currentPage === 'home' && pendingScroll) {
|
||||
scrollToSection(pendingScroll)
|
||||
setPendingScroll(null)
|
||||
}
|
||||
}, [currentPage, pendingScroll]);
|
||||
}, [currentPage, pendingScroll])
|
||||
|
||||
const handleBackToHome = () => {
|
||||
setCurrentPage("home");
|
||||
setPendingScroll(null);
|
||||
window.scrollTo({ top: 0, behavior: "smooth" });
|
||||
};
|
||||
setCurrentPage('home')
|
||||
setPendingScroll(null)
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' })
|
||||
}
|
||||
|
||||
const renderPage = () => {
|
||||
switch (currentPage) {
|
||||
case "cloud":
|
||||
return <CloudPage onBack={handleBackToHome} />;
|
||||
case "russian-software":
|
||||
return (
|
||||
<RussianSoftwarePage onBack={handleBackToHome} />
|
||||
);
|
||||
case "cybersecurity":
|
||||
return <CybersecurityPage onBack={handleBackToHome} />;
|
||||
case "ai-solutions":
|
||||
return <AISolutionsPage onBack={handleBackToHome} />;
|
||||
case "russian-hardware":
|
||||
return (
|
||||
<RussianHardwarePage onBack={handleBackToHome} />
|
||||
);
|
||||
case "hardware-solutions":
|
||||
return (
|
||||
<HardwareSolutionsPage onBack={handleBackToHome} />
|
||||
);
|
||||
case "cad-gis":
|
||||
return <CADandGISPage onBack={handleBackToHome} />;
|
||||
case "industrial-solutions":
|
||||
return (
|
||||
<IndustrialSolutionsPage onBack={handleBackToHome} />
|
||||
);
|
||||
case "government":
|
||||
return <GovernmentPage onBack={handleBackToHome} />;
|
||||
case "business":
|
||||
return <BusinessPage onBack={handleBackToHome} />;
|
||||
case "consulting":
|
||||
return <ConsultingPage onBack={handleBackToHome} />;
|
||||
case "implementation":
|
||||
return <ImplementationPage onBack={handleBackToHome} />;
|
||||
case "managed-services":
|
||||
return (
|
||||
<ManagedServicesPage onBack={handleBackToHome} />
|
||||
);
|
||||
case "integration":
|
||||
return <IntegrationPage onBack={handleBackToHome} />;
|
||||
case "specialized-services":
|
||||
return (
|
||||
<SpecializedServicesPage onBack={handleBackToHome} />
|
||||
);
|
||||
case "support":
|
||||
return <SupportPage onBack={handleBackToHome} />;
|
||||
case "subscription":
|
||||
return <SubscriptionPage onBack={handleBackToHome} />;
|
||||
case 'cloud':
|
||||
return <CloudPage onBack={handleBackToHome} />
|
||||
case 'russian-software':
|
||||
return <RussianSoftwarePage onBack={handleBackToHome} />
|
||||
case 'cybersecurity':
|
||||
return <CybersecurityPage onBack={handleBackToHome} />
|
||||
case 'ai-solutions':
|
||||
return <AISolutionsPage onBack={handleBackToHome} />
|
||||
case 'russian-hardware':
|
||||
return <RussianHardwarePage onBack={handleBackToHome} />
|
||||
case 'hardware-solutions':
|
||||
return <HardwareSolutionsPage onBack={handleBackToHome} />
|
||||
case 'cad-gis':
|
||||
return <CADandGISPage onBack={handleBackToHome} />
|
||||
case 'industrial-solutions':
|
||||
return <IndustrialSolutionsPage onBack={handleBackToHome} />
|
||||
case 'government':
|
||||
return <GovernmentPage onBack={handleBackToHome} />
|
||||
case 'business':
|
||||
return <BusinessPage onBack={handleBackToHome} />
|
||||
case 'consulting':
|
||||
return <ConsultingPage onBack={handleBackToHome} />
|
||||
case 'implementation':
|
||||
return <ImplementationPage onBack={handleBackToHome} />
|
||||
case 'managed-services':
|
||||
return <ManagedServicesPage onBack={handleBackToHome} />
|
||||
case 'integration':
|
||||
return <IntegrationPage onBack={handleBackToHome} />
|
||||
case 'specialized-services':
|
||||
return <SpecializedServicesPage onBack={handleBackToHome} />
|
||||
case 'support':
|
||||
return <SupportPage onBack={handleBackToHome} />
|
||||
case 'subscription':
|
||||
return <SubscriptionPage onBack={handleBackToHome} />
|
||||
default:
|
||||
return (
|
||||
<HomePage
|
||||
onOpenContactModal={() =>
|
||||
setIsContactModalOpen(true)
|
||||
}
|
||||
/>
|
||||
);
|
||||
return <HomePage onOpenContactModal={() => setIsContactModalOpen(true)} />
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-white w-full overflow-x-hidden">
|
||||
<Header onNavigate={handleNavigate} />
|
||||
{renderPage()}
|
||||
<Footer />
|
||||
<ContactModal
|
||||
isOpen={isContactModalOpen}
|
||||
onClose={() => setIsContactModalOpen(false)}
|
||||
/>
|
||||
<ContactModal isOpen={isContactModalOpen} onClose={() => setIsContactModalOpen(false)} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user