feat : update path props types components import
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
import { AlertProps, MessageType } from "../../types/alertProps";
|
import { AlertProps, MessageType } from "../../types/props";
|
||||||
|
|
||||||
const Alert = ({ children, type = "info", message }: AlertProps) => {
|
const Alert = ({ children, type = "info", message }: AlertProps) => {
|
||||||
const types: Record<
|
const types: Record<
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { ButtonProps } from "../../types/buttonProps";
|
import { ButtonProps } from "../../types/props";
|
||||||
|
|
||||||
function Button({ children, onClick, extra }: ButtonProps) {
|
function Button({ children, onClick, extra }: ButtonProps) {
|
||||||
return (
|
return (
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
// src/components/Header/Navbar/MobileMenu.tsx
|
// src/components/Header/Navbar/MobileMenu.tsx
|
||||||
import { MobileMenuProps } from "../../../../types/mobileMenu";
|
import { MobileMenuProps } from "../../../../types/props";
|
||||||
import NavbarLink from "./NavbarLink";
|
import NavbarLink from "./NavbarLink";
|
||||||
const MobileMenu = ({ isOpen, toggleMenu, routes }: MobileMenuProps) => {
|
const MobileMenu = ({ isOpen, toggleMenu, routes }: MobileMenuProps) => {
|
||||||
return (
|
return (
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { MobileMenuButtonProps } from "../../../../types/mobileMenuButton";
|
import { MobileMenuButtonProps } from "../../../../types/props";
|
||||||
|
|
||||||
const MobileMenuButton = ({ isOpen, onClick }: MobileMenuButtonProps) => {
|
const MobileMenuButton = ({ isOpen, onClick }: MobileMenuButtonProps) => {
|
||||||
return (
|
return (
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ import NavbarLink from "./NavbarLink";
|
|||||||
import router from "../../../../routes/routes";
|
import router from "../../../../routes/routes";
|
||||||
import Button from "../../../button";
|
import Button from "../../../button";
|
||||||
import { Link } from "react-router-dom";
|
import { Link } from "react-router-dom";
|
||||||
import { Route } from "../../../../types/routes";
|
import { Route } from "../../../../types/props";
|
||||||
|
|
||||||
const Navbar = () => {
|
const Navbar = () => {
|
||||||
const [isOpen, setIsOpen] = useState<boolean>(false);
|
const [isOpen, setIsOpen] = useState<boolean>(false);
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import { NavLink } from "react-router-dom";
|
import { NavLink } from "react-router-dom";
|
||||||
import { NavbarLinkProps, NavData } from "../../../../types/navbarLink";
|
import { NavbarLinkProps, NavData } from "../../../../types/props";
|
||||||
|
|
||||||
const NavbarLink = ({ to, children, onClick }: NavbarLinkProps) => {
|
const NavbarLink = ({ to, children, onClick }: NavbarLinkProps) => {
|
||||||
return (
|
return (
|
||||||
|
|||||||
@@ -4,11 +4,15 @@ import Footer from "../components/footer";
|
|||||||
|
|
||||||
const Layout = () => {
|
const Layout = () => {
|
||||||
return (
|
return (
|
||||||
<div className={`relative bg-noisy w-full h-full`}>
|
<div
|
||||||
|
className={`relative bg-noisy w-full flex flex-col justify-between min-h-screen`}
|
||||||
|
>
|
||||||
|
<div className="relative w-full h-full">
|
||||||
<Header />
|
<Header />
|
||||||
<main className="h-[100vh] p-5">
|
<main className="w-full h-full px-5 py-0">
|
||||||
<Outlet />
|
<Outlet />
|
||||||
</main>
|
</main>
|
||||||
|
</div>
|
||||||
<Footer />
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user