From dd80020c86e9b637929f3011cc4f0d75d1cad254 Mon Sep 17 00:00:00 2001 From: Leticia Dias Date: Tue, 28 Oct 2025 15:55:19 -0300 Subject: [PATCH] chore(components): reorganized the folder structure and adjusted the height of the menu modal --- src/AppRouter.tsx | 2 +- src/assets/icons/buttonLightMode.svg | 3 --- src/assets/icons/close-light.svg | 3 --- src/assets/icons/close.svg | 3 --- src/assets/icons/favicon.ico | Bin 1150 -> 0 bytes src/assets/icons/light-icon-mode.svg | 3 --- src/assets/icons/menu.svg | 5 ---- src/components/layout/header/Header.tsx | 2 +- src/components/layout/navbar/Navbar.tsx | 8 +++--- src/components/ui/menuModal/menuModal.tsx | 8 +++--- src/pages/Home.tsx | 23 ------------------ src/pages/home/Home.tsx | 22 +++++++++++++++++ .../home}/sections/SectionEvents.tsx | 4 +-- .../home}/sections/SectionFounders.tsx | 8 +++--- .../home}/sections/SectionKnowledgers.tsx | 4 +-- .../home}/sections/SectionLatestPosts.tsx | 4 +-- src/{ => pages/home}/sections/SectionMain.tsx | 2 +- .../home}/sections/SectionOurPurpose.tsx | 2 +- .../home}/sections/SectionTechLab.tsx | 2 +- 19 files changed, 45 insertions(+), 63 deletions(-) delete mode 100644 src/assets/icons/buttonLightMode.svg delete mode 100644 src/assets/icons/close-light.svg delete mode 100644 src/assets/icons/close.svg delete mode 100644 src/assets/icons/favicon.ico delete mode 100644 src/assets/icons/light-icon-mode.svg delete mode 100644 src/assets/icons/menu.svg delete mode 100644 src/pages/Home.tsx create mode 100644 src/pages/home/Home.tsx rename src/{ => pages/home}/sections/SectionEvents.tsx (92%) rename src/{ => pages/home}/sections/SectionFounders.tsx (85%) rename src/{ => pages/home}/sections/SectionKnowledgers.tsx (91%) rename src/{ => pages/home}/sections/SectionLatestPosts.tsx (81%) rename src/{ => pages/home}/sections/SectionMain.tsx (96%) rename src/{ => pages/home}/sections/SectionOurPurpose.tsx (85%) rename src/{ => pages/home}/sections/SectionTechLab.tsx (94%) diff --git a/src/AppRouter.tsx b/src/AppRouter.tsx index 40c54ba..4217114 100644 --- a/src/AppRouter.tsx +++ b/src/AppRouter.tsx @@ -2,13 +2,13 @@ import React from "react"; import { Post } from "./components/ui/posts/post/Post"; import { About } from "./pages/About"; import { Knowledgers } from "./pages/Knowledgers"; -import { Home } from "./pages/Home"; import { Posts } from "./pages/Posts"; import { TechLab } from "./pages/TechLab"; import { Contact } from "./pages/Contact"; import { Route, Routes } from "react-router-dom"; import { Founders } from "./pages/Founders"; import { Profile } from "./pages/Profile"; +import { Home } from "./pages/home/Home"; export function AppRouter() { return ( diff --git a/src/assets/icons/buttonLightMode.svg b/src/assets/icons/buttonLightMode.svg deleted file mode 100644 index ee77116..0000000 --- a/src/assets/icons/buttonLightMode.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/icons/close-light.svg b/src/assets/icons/close-light.svg deleted file mode 100644 index 333cae3..0000000 --- a/src/assets/icons/close-light.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/icons/close.svg b/src/assets/icons/close.svg deleted file mode 100644 index 84cc791..0000000 --- a/src/assets/icons/close.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/icons/favicon.ico b/src/assets/icons/favicon.ico deleted file mode 100644 index 99b61ccdbf9acad3312db307fdf12a3fe4a77349..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1150 zcmbVIJC4FI5OqjEN{56*yOHj0x;F9vl1rFkg`|Q)A4h-8N-2KY1IBv9-hoY;TD@OArJaaUKi??i_}p zJEImwk?Tdx$D!_T^7t6m`@G1bzt7jt#c}*c1O4Eq7V(IE4c_~ap2V)x>Et{VMS+wo zmrK>SUaxvzuh-6lulstv6c0Xl+HSYUed=;%=p`Pt-EN1JR8^(1u4}~%hePKP z?@W?JvMiIfZRK*gNSdZHpU(wv#ab*D`iAH8DS4hdEOpQ4v-a`FIZ_|f1*7Do8u8If9?SO5LwVVzj=08b3Lh+z*f%)QfOj`O1iBeZ=y^1L(BAMfaS T$48H-6N8A&+AoJ~`TzO`WJH6K diff --git a/src/assets/icons/light-icon-mode.svg b/src/assets/icons/light-icon-mode.svg deleted file mode 100644 index ca99ee2..0000000 --- a/src/assets/icons/light-icon-mode.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/icons/menu.svg b/src/assets/icons/menu.svg deleted file mode 100644 index d190856..0000000 --- a/src/assets/icons/menu.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/components/layout/header/Header.tsx b/src/components/layout/header/Header.tsx index 0f96d1a..f6b5d90 100644 --- a/src/components/layout/header/Header.tsx +++ b/src/components/layout/header/Header.tsx @@ -2,8 +2,8 @@ import React, { useContext } from "react"; import { Moon, Sun } from "@phosphor-icons/react"; import { Link } from "react-router-dom"; -import { Navbar } from "../navbar/Navbar"; import { ThemeContext } from "../../../context/ThemeContext"; +import { Navbar } from "../navbar/Navbar"; import styles from "./Header.module.css"; import techknowledgeLogoDark from "../../../assets/images/new-logo-darkmode.svg"; diff --git a/src/components/layout/navbar/Navbar.tsx b/src/components/layout/navbar/Navbar.tsx index 789c4d5..6024f62 100644 --- a/src/components/layout/navbar/Navbar.tsx +++ b/src/components/layout/navbar/Navbar.tsx @@ -24,9 +24,9 @@ export function Navbar() { className="absolute right-4 top-8 cursor-pointer md:hidden" > {darkMode ? ( - + ) : ( - - + + )} diff --git a/src/components/ui/menuModal/menuModal.tsx b/src/components/ui/menuModal/menuModal.tsx index 0818f17..6304cee 100644 --- a/src/components/ui/menuModal/menuModal.tsx +++ b/src/components/ui/menuModal/menuModal.tsx @@ -20,7 +20,7 @@ export function MenuModal({ isOpen, onClose, routes }: MenuModalProps) { return (
-
+
- - + +
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx deleted file mode 100644 index dc079d8..0000000 --- a/src/pages/Home.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from "react"; - -import { SectionFounders } from "../sections/SectionFounders"; -import { SectionEvents } from "../sections/SectionEvents"; -import { SectionLatestPosts } from "../sections/SectionLatestPosts"; -import { SectionMain } from "../sections/SectionMain"; -import { SectionOurPurpose } from "../sections/SectionOurPurpose"; -import { SectionTechLab } from "../sections/SectionTechLab"; -import { SectionKnowledgers } from "../sections/SectionKnowledgers"; - -export function Home() { - return ( - <> - - - - - - - - - ); -} diff --git a/src/pages/home/Home.tsx b/src/pages/home/Home.tsx new file mode 100644 index 0000000..1eff5cb --- /dev/null +++ b/src/pages/home/Home.tsx @@ -0,0 +1,22 @@ +import React from "react"; +import { SectionMain } from "./sections/SectionMain"; +import { SectionOurPurpose } from "./sections/SectionOurPurpose"; +import { SectionFounders } from "./sections/SectionFounders"; +import { SectionLatestPosts } from "./sections/SectionLatestPosts"; +import { SectionTechLab } from "./sections/SectionTechLab"; +import { SectionKnowledgers } from "./sections/SectionKnowledgers"; +import { SectionEvents } from "./sections/SectionEvents"; + +export function Home() { + return ( + <> + + + + + + + + + ); +} diff --git a/src/sections/SectionEvents.tsx b/src/pages/home/sections/SectionEvents.tsx similarity index 92% rename from src/sections/SectionEvents.tsx rename to src/pages/home/sections/SectionEvents.tsx index e34ce7f..4bddde8 100644 --- a/src/sections/SectionEvents.tsx +++ b/src/pages/home/sections/SectionEvents.tsx @@ -1,8 +1,8 @@ import React from "react"; -import { Button } from "../components/ui/button/Button"; +import { Button } from "../../../components/ui/button/Button"; -import rocketImage from "../assets/images/rocket.svg"; +import rocketImage from "../../../assets/images/rocket.svg"; export function SectionEvents() { return ( diff --git a/src/sections/SectionFounders.tsx b/src/pages/home/sections/SectionFounders.tsx similarity index 85% rename from src/sections/SectionFounders.tsx rename to src/pages/home/sections/SectionFounders.tsx index 201eae2..77f26ab 100644 --- a/src/sections/SectionFounders.tsx +++ b/src/pages/home/sections/SectionFounders.tsx @@ -1,10 +1,10 @@ import React, { useContext } from "react"; -import ImageFoundersDark from "../assets/images/founders-darkmode.png"; -import ImageFoundersLight from "../assets/images/founders-lightmode.png"; +import ImageFoundersDark from "../../../assets/images/founders-darkmode.png"; +import ImageFoundersLight from "../../../assets/images/founders-lightmode.png"; -import { Button } from "../components/ui/button/Button"; -import { ThemeContext } from "../context/ThemeContext"; +import { Button } from "../../../components/ui/button/Button"; +import { ThemeContext } from "../../../context/ThemeContext"; export function SectionFounders() { const { darkMode } = useContext(ThemeContext); diff --git a/src/sections/SectionKnowledgers.tsx b/src/pages/home/sections/SectionKnowledgers.tsx similarity index 91% rename from src/sections/SectionKnowledgers.tsx rename to src/pages/home/sections/SectionKnowledgers.tsx index 50b3ad1..eecdded 100644 --- a/src/sections/SectionKnowledgers.tsx +++ b/src/pages/home/sections/SectionKnowledgers.tsx @@ -1,7 +1,7 @@ import React from "react"; -import { Button } from "../components/ui/button/Button"; +import { Button } from "../../../components/ui/button/Button"; -import knowledgersImage from "../assets/images/knowledgers.png"; +import knowledgersImage from "../../../assets/images/knowledgers.png"; export function SectionKnowledgers() { return ( diff --git a/src/sections/SectionLatestPosts.tsx b/src/pages/home/sections/SectionLatestPosts.tsx similarity index 81% rename from src/sections/SectionLatestPosts.tsx rename to src/pages/home/sections/SectionLatestPosts.tsx index 8cd99b5..99741dd 100644 --- a/src/sections/SectionLatestPosts.tsx +++ b/src/pages/home/sections/SectionLatestPosts.tsx @@ -1,7 +1,7 @@ import React from "react"; -import { PostPreview } from "../components/ui/posts/postpreview/PostPreview"; -import { Button } from "../components/ui/button/Button"; +import { PostPreview } from "../../../components/ui/posts/postpreview/PostPreview"; +import { Button } from "../../../components/ui/button/Button"; export function SectionLatestPosts() { return ( diff --git a/src/sections/SectionMain.tsx b/src/pages/home/sections/SectionMain.tsx similarity index 96% rename from src/sections/SectionMain.tsx rename to src/pages/home/sections/SectionMain.tsx index eefc362..f205fda 100644 --- a/src/sections/SectionMain.tsx +++ b/src/pages/home/sections/SectionMain.tsx @@ -3,7 +3,7 @@ import React from "react"; import { CaretRight } from "@phosphor-icons/react"; import { Link } from "react-router-dom"; -import NewLogo from "../assets/images/techknowledge-logo.svg"; +import NewLogo from "../../../assets/images/techknowledge-logo.svg"; export function SectionMain() { return ( diff --git a/src/sections/SectionOurPurpose.tsx b/src/pages/home/sections/SectionOurPurpose.tsx similarity index 85% rename from src/sections/SectionOurPurpose.tsx rename to src/pages/home/sections/SectionOurPurpose.tsx index acad144..a33ebd1 100644 --- a/src/sections/SectionOurPurpose.tsx +++ b/src/pages/home/sections/SectionOurPurpose.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { CardOurPurpose } from "../components/ui/cardourpurpose/CardOurPurpose"; +import { CardOurPurpose } from "../../../components/ui/cardourpurpose/CardOurPurpose"; export function SectionOurPurpose() { return ( diff --git a/src/sections/SectionTechLab.tsx b/src/pages/home/sections/SectionTechLab.tsx similarity index 94% rename from src/sections/SectionTechLab.tsx rename to src/pages/home/sections/SectionTechLab.tsx index 4c7a11c..cce2699 100644 --- a/src/sections/SectionTechLab.tsx +++ b/src/pages/home/sections/SectionTechLab.tsx @@ -1,7 +1,7 @@ import React from "react"; import { CaretRight } from "@phosphor-icons/react"; import { Link } from "react-router"; -import TechLabImage from "../assets/images/techknowledge-techlab.png"; +import TechLabImage from "../../../assets/images/techknowledge-techlab.png"; export function SectionTechLab() { return (