diff --git a/app/component/Logo.js b/app/component/Logo.js index 9d4eacd..5de60e1 100644 --- a/app/component/Logo.js +++ b/app/component/Logo.js @@ -2,17 +2,18 @@ import Image from 'next/image' import Link from 'next/link' import React from 'react' -function Logo() { +function Logo({ isAbsolute }) { return ( - +
logo -

نوبت ۷۲۴

+

نوبت ۷۲۴

) diff --git a/app/globals.css b/app/globals.css index edde379..5b0b378 100644 --- a/app/globals.css +++ b/app/globals.css @@ -231,6 +231,16 @@ body { padding-right: 24px; } +/* Hidden Scroll */ + +.hidden-scroll::-webkit-scrollbar-thumb { + background: transparent; +} + +.hidden-scroll::-webkit-scrollbar { + height: 0; +} + @media (min-width: 640px) { .padding-responsive { padding-left: 52px; diff --git a/components/home/FrequentSearches.js b/components/home/FrequentSearches.js index d6864b4..0a78fbb 100644 --- a/components/home/FrequentSearches.js +++ b/components/home/FrequentSearches.js @@ -3,19 +3,21 @@ import { Button } from "@mui/material" function FrequentSearches() { return ( -
-

جستجوهای پر تکرار:

- +
+

جستجوهای پر تکرار:

+
+
    + {frequentSearches.map((item, idx) => ( +
  • + +
    • + ))} +
+
) } diff --git a/components/home/search/index.js b/components/home/search/index.js index c1c0dd9..9947b92 100644 --- a/components/home/search/index.js +++ b/components/home/search/index.js @@ -1,25 +1,31 @@ import Search from "@/components/icons/Search"; -import Location from "@/components/icons/Location"; import { Button, ButtonGroup, TextField } from "@mui/material"; -import ArrowBottomH from "@/components/icons/ArrowBottomH"; import ModalSearchCity from "./modal"; +import SearchD from "@/components/icons/SearchD"; function SearchBar() { return ( - + - + ) } diff --git a/components/home/search/modal/index.js b/components/home/search/modal/index.js index db14578..bcf5db9 100644 --- a/components/home/search/modal/index.js +++ b/components/home/search/modal/index.js @@ -28,10 +28,10 @@ function ModalSearchCity() { const handleClose = () => setOpen(false); return ( -
+ <> {/* Button Modal */}
+ ) } diff --git a/components/icons/UserLogin.js b/components/icons/UserLogin.js new file mode 100644 index 0000000..89afb46 --- /dev/null +++ b/components/icons/UserLogin.js @@ -0,0 +1,10 @@ +function UserLogin() { + return ( + + + + + ) +} + +export default UserLogin \ No newline at end of file diff --git a/components/layout/Header.js b/components/layout/Header.js deleted file mode 100644 index ad052e1..0000000 --- a/components/layout/Header.js +++ /dev/null @@ -1,40 +0,0 @@ -import Logo from "@/app/component/Logo"; -import { listNav } from "@/constans"; -import { Button } from "@mui/material"; -import Link from "next/link"; - -function Header({ name }) { - return ( -
-
- -
    - {listNav.map(nav => ( -
  • - - {nav.name} - -
    • - ))} -
- - - -
-
- ) -} - -export default Header \ No newline at end of file diff --git a/components/layout/header/Header.js b/components/layout/header/Header.js new file mode 100644 index 0000000..6473683 --- /dev/null +++ b/components/layout/header/Header.js @@ -0,0 +1,66 @@ +'use client'; + +import { Button } from "@mui/material"; +import Logo from "@/app/component/Logo"; +import Link from "next/link"; +import Row from "./list/Row"; +import Col from "./list/col"; +import ButtonMenu from "./list/col/ButtonMenu"; +import { useState } from "react"; +import BgGray from "./list/col/BgGray"; +import UserLogin from "@/components/icons/UserLogin"; + +function Header({ name }) { + + const [isActive, setIsActive] = useState(false); + + return ( +
+
+
+ + +
+ +
+ + +
+
+
+ + + + + +
+
+ ) +} + +export default Header \ No newline at end of file diff --git a/components/layout/header/list/Row.js b/components/layout/header/list/Row.js new file mode 100644 index 0000000..813c854 --- /dev/null +++ b/components/layout/header/list/Row.js @@ -0,0 +1,27 @@ +import { listNav } from "@/constans"; +import { isActiveURL } from "@/helper"; +import Link from "next/link"; + +function Row() { + return ( + + ) +} + +export default Row \ No newline at end of file diff --git a/components/layout/header/list/col/BgGray.js b/components/layout/header/list/col/BgGray.js new file mode 100644 index 0000000..acd3782 --- /dev/null +++ b/components/layout/header/list/col/BgGray.js @@ -0,0 +1,13 @@ +function BgGray({ isActive, setIsActive }) { + return ( +
setIsActive(false)} + className={` + ${isActive ? 'bg-[#232323] opacity-40 flex' : 'bg-transparent opacity-40 hidden'} + absolute cursor-pointer transition-all duration-500 left-0 top-[-12px] sm:top-[-21px] md:top-[-30px] lg:top-[-40px] w-screen h-screen + `} + >
+ ) +} + +export default BgGray \ No newline at end of file diff --git a/components/layout/header/list/col/ButtonMenu.js b/components/layout/header/list/col/ButtonMenu.js new file mode 100644 index 0000000..01a8052 --- /dev/null +++ b/components/layout/header/list/col/ButtonMenu.js @@ -0,0 +1,28 @@ +import { Button } from "@mui/material" + +function ButtonMenu({ isActive, setIsActive }) { + return ( + + ) +} + +export default ButtonMenu \ No newline at end of file diff --git a/components/layout/header/list/col/index.js b/components/layout/header/list/col/index.js new file mode 100644 index 0000000..50f2c5e --- /dev/null +++ b/components/layout/header/list/col/index.js @@ -0,0 +1,46 @@ +import { listNav } from "@/constans"; +import { Button } from "@mui/material"; +import Link from "next/link"; +import { isActiveURL } from "@/helper"; + +function Col({ isActive, setIsActive }) { + return ( +
+ {/* */} + +
+
    + {listNav.map(nav => ( +
  • + + + +
    • + ))} +
+
+
+ ) +} + +export default Col \ No newline at end of file diff --git a/components/layout/index.js b/components/layout/index.js index ac1309a..4ab4554 100644 --- a/components/layout/index.js +++ b/components/layout/index.js @@ -1,11 +1,11 @@ import Footer from './Footer'; -import Header from './Header'; +import Header from './header/Header'; function Layout({ children, title, name }) { return (
-
+
diff --git a/helper/index.js b/helper/index.js index d4c1338..9c44b62 100644 --- a/helper/index.js +++ b/helper/index.js @@ -1 +1,3 @@ -export const numberToArStyle = num => num.toLocaleString('ar-AE') \ No newline at end of file +export const numberToArStyle = num => num.toLocaleString('ar-AE'); + +export const isActiveURL = (link, name) => link === name; \ No newline at end of file