inmake/IRTH-2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

upd

Browse Source
This commit is contained in:
inmake
2024-09-09 18:36:36 +05:00
parent 9049662792
commit 708ed301a9
20 changed files with 5065 additions and 369 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/modals/NavbarModal.tsx
+21 -9
View File
@@ -1,8 +1,11 @@
/* eslint-disable react-hooks/exhaustive-deps */
import { useEffect } from "react";
import DownloadIcon from "../icons/DownloadIcon";
import useFavoritesStore from "../../store/useFavoritesStore";
function NavbarModal() {
const { favoriteUnits } = useFavoritesStore();
useEffect(() => {
document.body.style.overflow = "hidden";
@@ -34,9 +37,18 @@ function NavbarModal() {
<div className="flex flex-col gap-2">
<a
href="/favorites"
className="p-4 bg-white rounded-lg text-[#0D1922]"
className="p-4 bg-white rounded-lg text-[#0D1922] "
>
Favorites
<div className="relative w-fit">
Favorites
{favoriteUnits.length > 0 && (
<div className="absolute -right-[18px] -top-1 w-4 h-4 bg-[#00BED7] rounded-full flex items-center justify-center">
<p className="text-white text-[10px] font-mono font-semibold -ml-[0.5px]">
{favoriteUnits.length}
</p>
</div>
)}
</div>
</a>
<a href="/search" className="p-4 bg-white rounded-lg text-[#0D1922]">
Search
@@ -45,13 +57,13 @@ function NavbarModal() {
</div>
<div className="space-y-4">
<p className="font-semibold text-[#0D1922]">Brochures</p>
<div className="grid sm:grid-cols-2 gap-4">
<div className="grid gap-4 sm:grid-cols-2">
<div className="space-y-3">
<p className="text-sm text-[#0D1922]">Rove Home Marasi Drive</p>
<div className="flex flex-col gap-2">
<a
href="#"
className="flex items-center justify-between text-xs font-semibold rounded-lg bg-white px-3 py-2"
className="flex items-center justify-between px-3 py-2 text-xs font-semibold bg-white rounded-lg"
download
>
<p>Rove Main Brochure</p>
@@ -59,7 +71,7 @@ function NavbarModal() {
</a>
<a
href="#"
className="flex items-center justify-between text-xs font-semibold rounded-lg bg-white px-3 py-2"
className="flex items-center justify-between px-3 py-2 text-xs font-semibold bg-white rounded-lg"
download
>
<p>Rove Amenties Brochure</p>
@@ -67,7 +79,7 @@ function NavbarModal() {
</a>
<a
href="#"
className="flex items-center justify-between text-xs font-semibold rounded-lg bg-white px-3 py-2"
className="flex items-center justify-between px-3 py-2 text-xs font-semibold bg-white rounded-lg"
download
>
<p>Rove Technical Brochure</p>
@@ -80,7 +92,7 @@ function NavbarModal() {
<div className="flex flex-col gap-2">
<a
href="#"
className="flex items-center justify-between text-xs font-semibold rounded-lg bg-white px-3 py-2"
className="flex items-center justify-between px-3 py-2 text-xs font-semibold bg-white rounded-lg"
download
>
<p>Rove Main Brochure</p>
@@ -88,7 +100,7 @@ function NavbarModal() {
</a>
<a
href="#"
className="flex items-center justify-between text-xs font-semibold rounded-lg bg-white px-3 py-2"
className="flex items-center justify-between px-3 py-2 text-xs font-semibold bg-white rounded-lg"
download
>
<p>Rove Amenties Brochure</p>
@@ -96,7 +108,7 @@ function NavbarModal() {
</a>
<a
href="#"
className="flex items-center justify-between text-xs font-semibold rounded-lg bg-white px-3 py-2"
className="flex items-center justify-between px-3 py-2 text-xs font-semibold bg-white rounded-lg"
download
>
<p>Rove Technical Brochure</p>