danak/dmail-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: fix

Browse Source
This commit is contained in:
mahyargdz
2025-06-11 21:58:47 +03:30
parent 8a5cc328eb
commit 71fd53c810
2 changed files with 133 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Dockerfile
+1 -1
View File
@@ -9,7 +9,7 @@ RUN corepack enable && corepack prepare pnpm@10 --activate
RUN cp /usr/share/zoneinfo/Asia/Tehran /etc/localtime && echo "Asia/Tehran" > /etc/timezone RUN cp /usr/share/zoneinfo/Asia/Tehran /etc/localtime && echo "Asia/Tehran" > /etc/timezone
WORKDIR /build WORKDIR /build
COPY package*.json ./ COPY package*.json pnpm-lock.yaml ./
RUN pnpm install --frozen-lockfile --loglevel info RUN pnpm install --frozen-lockfile --loglevel info
COPY . ./ COPY . ./
RUN pnpm run build RUN pnpm run build
src/shared/Footer.tsx
+132 -82
View File
@@ -1,86 +1,136 @@
import { Element3, Element4, Home2, Messages3, NotificationStatus } from 'iconsax-react' // import {
import { FC } from 'react' // Element3,
import { useTranslation } from 'react-i18next' // Element4,
import { Pages } from '../config/Pages' // Home2,
import { Link, useLocation } from 'react-router-dom' // Messages3,
// NotificationStatus,
// } from "iconsax-react";
// import { FC } from "react";
// import { useTranslation } from "react-i18next";
// // import { Pages } from "../config/Pages";
// import { Link, useLocation } from "react-router-dom";
const Footer: FC = () => { // const Footer: FC = () => {
const { t } = useTranslation('global') // const { t } = useTranslation("global");
const location = useLocation() // const location = useLocation();
const isActive = (path: string) => location.pathname === path // const isActive = (path: string) => location.pathname === path;
return ( // return (
<div className='xl:hidden'> // <div className="xl:hidden">
<div className='h-[60px] '></div> // <div className="h-[60px] "></div>
<div className='fixed z-10 bottom-2 right-3 left-3 bg-white h-[60px] rounded-2xl flex justify-between items-center px-3'> // <div className="fixed z-10 bottom-2 right-3 left-3 bg-white h-[60px] rounded-2xl flex justify-between items-center px-3">
<Link to={Pages.services.mine}> // <Link to={Pages.services.mine}>
<div className={`text-description w-[70px] flex flex-col items-center gap-1.5 ${isActive(Pages.dashboard) ? 'text-black' : ''}`}> // <div
<Element4 // className={`text-description w-[70px] flex flex-col items-center gap-1.5 ${
className='size-5' // isActive(Pages.dashboard) ? "text-black" : ""
color={isActive(Pages.services.mine) ? 'black' : '#8C90A3'} // }`}
variant={isActive(Pages.services.mine) ? 'Bold' : 'Linear'} // >
/> // <Element4
<div className={`text-[10px] ${isActive(Pages.services.mine) ? 'text-black' : ''}`}> // className="size-5"
{t('footer.my_services')} // color={isActive(Pages.services.mine) ? "black" : "#8C90A3"}
</div> // variant={isActive(Pages.services.mine) ? "Bold" : "Linear"}
</div> // />
</Link> // <div
<Link to={Pages.services.other}> // className={`text-[10px] ${
<div className={`text-description w-[70px] flex flex-col items-center gap-1.5 ${isActive(Pages.services.other) ? 'text-black' : ''}`}> // isActive(Pages.services.mine) ? "text-black" : ""
<Element3 // }`}
className='size-5' // >
color={isActive(Pages.services.other) ? 'black' : '#8C90A3'} // {t("footer.my_services")}
variant={isActive(Pages.services.other) ? 'Bold' : 'Linear'} // </div>
/> // </div>
<div className={`text-[10px] ${isActive(Pages.services.other) ? 'text-black' : ''}`}> // </Link>
{t('footer.other_services')} // <Link to={Pages.services.other}>
</div> // <div
</div> // className={`text-description w-[70px] flex flex-col items-center gap-1.5 ${
</Link> // isActive(Pages.services.other) ? "text-black" : ""
<Link to={Pages.dashboard}> // }`}
<div className={`text-description w-[70px] flex flex-col items-center gap-1.5 ${isActive(Pages.services.mine) ? 'text-black' : ''}`}> // >
<div className='bg-white p-1 rounded-full -mt-7'> // <Element3
<div className={`bg-black flex justify-center items-center size-10 rounded-full ${isActive(Pages.services.mine) ? 'bg-black' : ''}`}> // className="size-5"
<Home2 // color={isActive(Pages.services.other) ? "black" : "#8C90A3"}
className='size-5' // variant={isActive(Pages.services.other) ? "Bold" : "Linear"}
color={isActive(Pages.dashboard) ? 'white' : 'white'} // />
variant={isActive(Pages.dashboard) ? 'Bold' : 'Linear'} // <div
/> // className={`text-[10px] ${
</div> // isActive(Pages.services.other) ? "text-black" : ""
</div> // }`}
<div className={`text-[10px] ${isActive(Pages.services.mine) ? 'text-black' : ''}`}> // >
{t('footer.home')} // {t("footer.other_services")}
</div> // </div>
</div> // </div>
</Link> // </Link>
<Link to={Pages.announcement.list}> // <Link to={Pages.dashboard}>
<div className={`text-description w-[70px] flex flex-col items-center gap-1.5 ${isActive(Pages.announcement.list) ? 'text-black' : ''}`}> // <div
<NotificationStatus // className={`text-description w-[70px] flex flex-col items-center gap-1.5 ${
className='size-5' // isActive(Pages.services.mine) ? "text-black" : ""
color={isActive(Pages.announcement.list) ? 'black' : '#8C90A3'} // }`}
variant={isActive(Pages.announcement.list) ? 'Bold' : 'Linear'} // >
/> // <div className="bg-white p-1 rounded-full -mt-7">
<div className={`text-[10px] ${isActive(Pages.announcement.list) ? 'text-black' : ''}`}> // <div
{t('footer.announcements')} // className={`bg-black flex justify-center items-center size-10 rounded-full ${
</div> // isActive(Pages.services.mine) ? "bg-black" : ""
</div> // }`}
</Link> // >
<Link to={Pages.ticket.list}> // <Home2
<div className={`text-description w-[70px] flex flex-col items-center gap-1.5 ${isActive(Pages.ticket.list) ? 'text-black' : ''}`}> // className="size-5"
<Messages3 // color={isActive(Pages.dashboard) ? "white" : "white"}
className='size-5' // variant={isActive(Pages.dashboard) ? "Bold" : "Linear"}
color={isActive(Pages.ticket.list) ? 'black' : '#8C90A3'} // />
variant={isActive(Pages.ticket.list) ? 'Bold' : 'Linear'} // </div>
/> // </div>
<div className={`text-[10px] ${isActive(Pages.ticket.list) ? 'text-black' : ''}`}> // <div
{t('footer.tickets')} // className={`text-[10px] ${
</div> // isActive(Pages.services.mine) ? "text-black" : ""
</div> // }`}
</Link> // >
</div> // {t("footer.home")}
</div> // </div>
) // </div>
} // </Link>
// <Link to={Pages.announcement.list}>
// <div
// className={`text-description w-[70px] flex flex-col items-center gap-1.5 ${
// isActive(Pages.announcement.list) ? "text-black" : ""
// }`}
// >
// <NotificationStatus
// className="size-5"
// color={isActive(Pages.announcement.list) ? "black" : "#8C90A3"}
// variant={isActive(Pages.announcement.list) ? "Bold" : "Linear"}
// />
// <div
// className={`text-[10px] ${
// isActive(Pages.announcement.list) ? "text-black" : ""
// }`}
// >
// {t("footer.announcements")}
// </div>
// </div>
// </Link>
// <Link to={Pages.ticket.list}>
// <div
// className={`text-description w-[70px] flex flex-col items-center gap-1.5 ${
// isActive(Pages.ticket.list) ? "text-black" : ""
// }`}
// >
// <Messages3
// className="size-5"
// color={isActive(Pages.ticket.list) ? "black" : "#8C90A3"}
// variant={isActive(Pages.ticket.list) ? "Bold" : "Linear"}
// />
// <div
// className={`text-[10px] ${
// isActive(Pages.ticket.list) ? "text-black" : ""
// }`}
// >
// {t("footer.tickets")}
// </div>
// </div>
// </Link>
// </div>
// </div>
// );
// };
export default Footer // export default Footer;