amer2004/SweetHome
2
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix icons
All checks were successful
Build frontend / build (push) Successful in 1m27s
Details

Browse Source
This commit is contained in:
hamzaobed7
2026-08-10 22:27:28 +03:00
parent 1fa2fabb38
commit 9d3d02c88a
4 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/components/BottomNav.js
View File

@ -2,7 +2,7 @@
import Link from "next/link";
import { usePathname } from "next/navigation";
import { Home, Building, Calendar, CreditCard, Briefcase, BookOpen } from "lucide-react";
import { Home, Building2, Building, CalendarCheck, CalendarDays, ClipboardList, CreditCard, BookOpenCheck } from "lucide-react";
import React, { useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
import { label } from "framer-motion/client";
@ -19,18 +19,20 @@ export default function BottomNav({ isOwner, isOwnerOrAgent }) {
const items = [
{ href: "/", label: t("home"), icon: Home },
{ href: "/properties", label: t("ourProperties"), icon: Building },
{ href: "/properties", label: t("ourProperties"), icon: Building2 },
...(isOwnerOrAgent
? [
{ href: "/owner/properties", label: t("myProperties"), icon: Briefcase },
{ href: "/owner/bookings", label: "عقاراتي المحجوزة", icon: Briefcase },
{ href: "/reservations", label: "حجوزاتي", icon: Calendar },
{ href: "/owner/properties", label: t("myProperties"), icon: Building },
{ href: "/owner/bookings", label: "عقاراتي المحجوزة", icon: CalendarCheck },
{ href: "/reservations", label: "حجوزاتي", icon: CalendarDays },
]
: [{ href: "/booked-properties", label: "حجوزاتي", icon: Briefcase }]),
{ href: bookingsHref, label: "طلبات الحجز", icon: Calendar },
: [{ href: "/booked-properties", label: "حجوزاتي", icon: CalendarDays }]),
{ href: bookingsHref, label: "طلبات الحجز", icon: ClipboardList },
{ href: "/payments", label: t("payments"), icon: CreditCard },
...(isOwnerOrAgent ? [{ href: "/owner/account-book", label: t("accountBook"), icon: BookOpen }] : []),
...(isOwnerOrAgent ? [{ href: "/owner/account-book", label: t("accountBook"), icon: BookOpenCheck }] : []),
];
const isActive = (href) => {
@ -39,13 +41,13 @@ export default function BottomNav({ isOwner, isOwnerOrAgent }) {
};
return (
<div className="fixed bottom-0 left-0 right-0 z-50 flex justify-center px-1 pb-4 pt-4 pointer-events-none">
<div className="fixed bottom-0 left-0 right-0 z-50 flex justify-center px-5 pb-4 pt-4 pointer-events-none">
<nav
className="
w-fit max-w-full
rounded-3xl
bg-gray-50
px-1 py-3 sm:px-4
px-5 py-3 sm:px-4
shadow-[0_4px_24px_rgba(251,146,60,0.25)]
pointer-events-auto
"
@ -59,7 +61,7 @@ export default function BottomNav({ isOwner, isOwnerOrAgent }) {
<Link
key={it.href}
href={it.href}
style={{padding:'10px',width:'100px'}}
style={{ padding: "3px", width: "100px" }}
className={`
flex