var fix upd
This commit is contained in:
@@ -1,138 +0,0 @@
|
||||
import { IAparmentRes } from "../../../types/apartmentsRes";
|
||||
import { IDesctiptionFloor } from "../../../types/descriptionFloor";
|
||||
import Button from "../../Button";
|
||||
import CrossIcon from "../../icons/CrossIcon";
|
||||
import RightArrowSliderIcon from "../../icons/RightArrowSliderIcon";
|
||||
|
||||
interface MobileFloorDescriptionProps {
|
||||
descriptionFloor: IDesctiptionFloor | null;
|
||||
floorApartments: IAparmentRes[];
|
||||
isLeft: boolean;
|
||||
onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
||||
}
|
||||
|
||||
const MobileFloorDescription = ({
|
||||
descriptionFloor,
|
||||
floorApartments,
|
||||
isLeft,
|
||||
onClick,
|
||||
}: MobileFloorDescriptionProps) => {
|
||||
return (
|
||||
<>
|
||||
<div
|
||||
className={`bg-white rounded-2xl p-6 flex flex-col gap-4 w-[825px] absolute left-[414px] transition-opacity duration-300 desc-shadow `}
|
||||
>
|
||||
<div className="relative">
|
||||
<div className="flex justify-between border-b pb-4">
|
||||
<div className="flex flex-col">
|
||||
<p
|
||||
className={`text-[#0D1922] font-semibold duration-300 ease-in-out text-[33.6px]ubheadline-s text-[48px]`}
|
||||
>
|
||||
{descriptionFloor?.floor} Floor
|
||||
</p>
|
||||
<div className="flex gap-2 items-center">
|
||||
<p className="text-[#73787C] font-semibold text-[29px]">
|
||||
{descriptionFloor?.wing}
|
||||
</p>
|
||||
<div className="w-1 h-1 bg-[#E2E2DC] rounded-full"></div>
|
||||
<p className="font-semibold text-[29px] text-[#00BED7]">
|
||||
{floorApartments.length} units
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<Button buttonType="tertiary" icon={<CrossIcon />} />
|
||||
</div>
|
||||
<div className="flex flex-col gap-4 pt-4">
|
||||
<div className="flex items-center justify-between gap-8">
|
||||
<div className="flex gap-2 items-center">
|
||||
<div className="min-w-6 min-h-6 h-6 rounded-full bg-[#00BED7] text-white text-xs font-semibold">
|
||||
<p className="p-1 flex justify-center items-center py-[9.3px] px-[20px] ">
|
||||
{
|
||||
floorApartments.filter(
|
||||
(apart) => apart.Unit_Type === "Studio Flex"
|
||||
).length
|
||||
}
|
||||
</p>
|
||||
</div>
|
||||
<p className="text-[33.6px] text-[#73787C] w-full">
|
||||
Studio Flex
|
||||
</p>
|
||||
</div>
|
||||
<p className="text-[33.6px] text-[#0D1922] text-nowrap">
|
||||
Unavailable
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex items-center justify-between gap-8">
|
||||
<div className="flex gap-2 items-center">
|
||||
<div className="min-w-6 min-h-6 h-6 p-1 rounded-full bg-[#00BED7] text-white text-xs font-semibold">
|
||||
<p className="h-full w-full flex justify-center items-center">
|
||||
{
|
||||
floorApartments.filter(
|
||||
(apart) => apart.Unit_Type === "Studio Squared"
|
||||
).length
|
||||
}
|
||||
</p>
|
||||
</div>
|
||||
<p className="text-[33.6px] text-[#73787C]">Studio</p>
|
||||
</div>
|
||||
<p className="text-[33.6px] text-[#0D1922] text-nowrap">
|
||||
Unavailable
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex items-center justify-between gap-8">
|
||||
<div className="flex gap-2 items-center">
|
||||
<div className="min-w-6 min-h-6 h-6 p-1 rounded-full bg-[#00BED7] text-white text-xs font-semibold">
|
||||
<p className="h-full w-full flex justify-center items-center">
|
||||
{
|
||||
floorApartments.filter(
|
||||
(apart) => apart.Unit_Type === "1 BR Squared"
|
||||
).length
|
||||
}
|
||||
</p>
|
||||
</div>
|
||||
<p className="text-[33.6px] text-[#73787C]">1 Bedroom</p>
|
||||
</div>
|
||||
<p className="text-[33.6px] text-[#0D1922] text-nowrap">
|
||||
Unavailable
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex items-center justify-between gap-8">
|
||||
<div className="flex gap-2 items-center">
|
||||
<div className="min-w-6 min-h-6 h-6 p-1 rounded-full bg-[#00BED7] text-white text-xs font-semibold">
|
||||
<p className="h-full w-full flex justify-center items-center">
|
||||
{
|
||||
floorApartments.filter(
|
||||
(apart) => apart.Unit_Type === "2 BR Squared"
|
||||
).length
|
||||
}
|
||||
</p>
|
||||
</div>
|
||||
<p className="text-[33.6px] text-[#73787C] text-nowrap">
|
||||
2 Bedroom, Type A
|
||||
</p>
|
||||
</div>
|
||||
<p className="text-[33.6px] text-[#0D1922] text-nowrap">
|
||||
Unavailable
|
||||
</p>
|
||||
</div>
|
||||
<Button
|
||||
onClick={onClick}
|
||||
buttonType="cta"
|
||||
className="justify-center"
|
||||
text="Explore"
|
||||
icon={<RightArrowSliderIcon />}
|
||||
iconPos="right"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`${
|
||||
isLeft ? "-top-[98px] right-[24px]" : "-top-[98px] left-[0px]"
|
||||
} w-0 h-0 border-t-0 border-r-[14px] border-b-[33px] border-l-[14px] border-transparent border-b-white absolute z-[99999] `}
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default MobileFloorDescription;
|
||||
@@ -2,7 +2,7 @@ import { Request, Response, NextFunction } from "express";
|
||||
import { updateAccessTokenApi } from "../consts.js";
|
||||
import { logger } from "../utils/logger.js";
|
||||
|
||||
var updateAccessToken = async function (req: Request, res: Response) {
|
||||
const updateAccessToken = async function (req: Request, res: Response) {
|
||||
try {
|
||||
const response = await fetch(updateAccessTokenApi, {
|
||||
method: "post",
|
||||
|
||||
Reference in New Issue
Block a user