Revert "refactor arhitect"

This reverts commit f965b34.

Author: capybaracplusplus

src/App/App.css src/App.csssrc/App/App.css renamed to src/App.css

@@ -1,11 +1,11 @@
 import './App.css';
 import { Routes, Route } from 'react-router-dom';
-import About from './../pages/About/About';
-import Question from './../pages/Main/Question/Accordion';
-import Teachgers_Slider from './../pages/Main/Teachgers_Slider/Teachgers_Slider';
-import SliderPhoto from './../pages/Main/SliderPhoto/SliderPhoto';
-import Achievements from './../pages/Main/Achievements/Achievements';
-import DirectorPhoto from './../pages/Main/DirectorPhoto/DirectorPhoto';
+import About from './pages/About/About';
+import Question from './pages/Main/Question/Accordion';
+import Teachgers_Slider from './pages/Main/Teachgers_Slider/Teachgers_Slider';
+import SliderPhoto from './pages/Main/SliderPhoto/SliderPhoto';
+import Achievements from './pages/Main/Achievements/Achievements';
+import DirectorPhoto from './pages/Main/DirectorPhoto/DirectorPhoto';
 
 function App() {
     return (

src/App/App.tsx src/App.tsxsrc/App/App.tsx renamed to src/App.tsx

@@ -1,7 +1,7 @@
 import "./Footer.css"
 import Footer_top from "./Footer_top/Footer_top"
 import Footer_lower from "./Footer_lower/Footer_lower"
-import faviconSrc from "./Pic/favicon.png"
+import faviconSrc from "./favicon.png"
 
 function Footer() {
     return (

src/components/Carousel/Carousel.tsx src/Carousel/Carousel.tsxsrc/components/Carousel/Carousel.tsx renamed to src/Carousel/Carousel.tsx

@@ -60,7 +60,3 @@
 .mobileMenu{
     z-index: 999;
 }
-
-@media only screen and (max-width: 480px) {
-    
-}

src/Footer/Footer.tsx

@@ -1,8 +1,31 @@
 import "./Header.css";
+import { useLocation } from 'react-router-dom';
+import { NavLink } from "react-router-dom"
 import faviconSrc from "./favicon.png"
 import { useState } from 'react';
-import Button from "../components/Button/Button";
 
+export interface ButtonProps {
+    name: string;
+    link: string;
+    className: string;
+}
+
+export function Button(props: ButtonProps) {
+    const location = useLocation();
+    const isActive = location.pathname === props.link;
+
+    return (
+        <>
+            <NavLink className={`mybutton ${isActive ? 'active' : ''} ${props.className}`} to={props.link}>
+                {props.name}
+            </NavLink>
+        </>
+    )
+}
+
+Button.defaultProps = {
+    className: ""
+};
 
 function Header() {
     const [isOpen, setIsOpen] = useState(false);
@@ -45,7 +68,7 @@ function Header() {
                             <img src="https://img.icons8.com/?size=50&id=38514&format=png" alt="VK icon"></img>
                         </a>
                     </div>
-
+                    
                 </div>
 
             </nav>

src/Footer/Pic/favicon.png src/Footer/favicon.pngsrc/Footer/Pic/favicon.png renamed to src/Footer/favicon.png

@@ -1,6 +1,6 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import App from './App/App.tsx';
+import App from './App.tsx';
 import './index.css';
 import { HashRouter, Routes, Route } from 'react-router-dom';
 import About from './pages/About/About';

src/Header/Header.css

@@ -1,5 +1,5 @@
 import './SliderPhoto.css'
-import Carousel from '../../../components/Carousel/Carousel';
+import Carousel from '../../../Carousel/Carousel';
 
 const images = [
     "https://avatars.mds.yandex.net/get-altay/4530524/2a00000179e64be106f8902aa9d99c6d4baf/L_height",