change class property to className

This commit is contained in:
b1ek 2023-05-04 13:52:54 +10:00
parent 8606633223
commit 012fd67768
Signed by: blek
GPG Key ID: 14546221E3595D0C
3 changed files with 26 additions and 26 deletions

View File

@ -21,28 +21,28 @@ import './styles/CardApartament.css';
*/ */
const CardApartament = function (props) { const CardApartament = function (props) {
return ( return (
<section class="apartmentSection"> <section className="apartmentSection">
<div class="apartmentSectionLeft"> <div className="apartmentSectionLeft">
<img src="/images/apartment.png"></img> <img src="/images/apartment.png"></img>
<div class="characteristics"> <div className="characteristics">
<h3>{props.results.perimetrs} м², {props.results.rooms}-х комнатная</h3> <h3>{props.results.perimetrs} м², {props.results.rooms}-х комнатная</h3>
<p class="address">{props.results.address}, {props.results.floor} этаж из {props.results.floorHouse}</p> <p className="address">{props.results.address}, {props.results.floor} этаж из {props.results.floorHouse}</p>
<div class="transport"> <div className="transport">
<div class="transportBas"> <div className="transportBas">
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.0625 5.91797H18.75V4.04297C18.75 2.29297 14.875 0.917969 10 0.917969C5.125 0.917969 1.25 2.29297 1.25 4.04297V5.91797H0.9375C0.419922 5.91797 0 6.3375 0 6.85547V9.98047C0 10.498 0.419922 10.918 0.9375 10.918H1.25V17.168C1.25 17.8582 1.80977 18.418 2.5 18.418V19.668C2.5 20.3582 3.05977 20.918 3.75 20.918H5C5.69023 20.918 6.25 20.3582 6.25 19.668V18.418H13.75V19.668C13.75 20.3582 14.3098 20.918 15 20.918H16.25C16.9402 20.918 17.5 20.3582 17.5 19.668V18.418H17.75C18.375 18.418 18.75 17.918 18.75 17.418V10.918H19.0625C19.5801 10.918 20 10.498 20 9.98047V6.85547C20 6.3375 19.5801 5.91797 19.0625 5.91797ZM4.375 16.543C3.68477 16.543 3.125 15.9832 3.125 15.293C3.125 14.6027 3.68477 14.043 4.375 14.043C5.06523 14.043 5.625 14.6027 5.625 15.293C5.625 15.9832 5.06523 16.543 4.375 16.543ZM5 12.168C4.30977 12.168 3.75 11.6082 3.75 10.918V5.91797C3.75 5.22773 4.30977 4.66797 5 4.66797H15C15.6902 4.66797 16.25 5.22773 16.25 5.91797V10.918C16.25 11.6082 15.6902 12.168 15 12.168H5ZM15.625 16.543C14.9348 16.543 14.375 15.9832 14.375 15.293C14.375 14.6027 14.9348 14.043 15.625 14.043C16.3152 14.043 16.875 14.6027 16.875 15.293C16.875 15.9832 16.3152 16.543 15.625 16.543Z" fill="#A9A9A9"/> <path d="M19.0625 5.91797H18.75V4.04297C18.75 2.29297 14.875 0.917969 10 0.917969C5.125 0.917969 1.25 2.29297 1.25 4.04297V5.91797H0.9375C0.419922 5.91797 0 6.3375 0 6.85547V9.98047C0 10.498 0.419922 10.918 0.9375 10.918H1.25V17.168C1.25 17.8582 1.80977 18.418 2.5 18.418V19.668C2.5 20.3582 3.05977 20.918 3.75 20.918H5C5.69023 20.918 6.25 20.3582 6.25 19.668V18.418H13.75V19.668C13.75 20.3582 14.3098 20.918 15 20.918H16.25C16.9402 20.918 17.5 20.3582 17.5 19.668V18.418H17.75C18.375 18.418 18.75 17.918 18.75 17.418V10.918H19.0625C19.5801 10.918 20 10.498 20 9.98047V6.85547C20 6.3375 19.5801 5.91797 19.0625 5.91797ZM4.375 16.543C3.68477 16.543 3.125 15.9832 3.125 15.293C3.125 14.6027 3.68477 14.043 4.375 14.043C5.06523 14.043 5.625 14.6027 5.625 15.293C5.625 15.9832 5.06523 16.543 4.375 16.543ZM5 12.168C4.30977 12.168 3.75 11.6082 3.75 10.918V5.91797C3.75 5.22773 4.30977 4.66797 5 4.66797H15C15.6902 4.66797 16.25 5.22773 16.25 5.91797V10.918C16.25 11.6082 15.6902 12.168 15 12.168H5ZM15.625 16.543C14.9348 16.543 14.375 15.9832 14.375 15.293C14.375 14.6027 14.9348 14.043 15.625 14.043C16.3152 14.043 16.875 14.6027 16.875 15.293C16.875 15.9832 16.3152 16.543 15.625 16.543Z" fill="#A9A9A9"/>
</svg> </svg>
<p>{props.results.timeToBus} мин</p> <p>{props.results.timeToBus} мин</p>
</div> </div>
<div class="transportSubway"> <div className="transportSubway">
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 3.75V13.75C18 15.774 15.524 17.5 12.7759 17.5L15.3063 19.4422C15.5453 19.6257 15.411 20 15.1071 20H2.89286C2.58838 20 2.45523 19.6252 2.69369 19.4422L5.2241 17.5C2.48384 17.5 0 15.7795 0 13.75V3.75C0 1.67895 2.57143 0 5.14286 0H12.8571C15.4687 0 18 1.67895 18 3.75ZM8.03571 9.0625V4.6875C8.03571 4.16973 7.604 3.75 7.07143 3.75H2.89286C2.36029 3.75 1.92857 4.16973 1.92857 4.6875V9.0625C1.92857 9.58027 2.36029 10 2.89286 10H7.07143C7.604 10 8.03571 9.58027 8.03571 9.0625ZM16.0714 9.0625V4.6875C16.0714 4.16973 15.6397 3.75 15.1071 3.75H10.9286C10.396 3.75 9.96429 4.16973 9.96429 4.6875V9.0625C9.96429 9.58027 10.396 10 10.9286 10H15.1071C15.6397 10 16.0714 9.58027 16.0714 9.0625ZM14.1429 11.25C13.0777 11.25 12.2143 12.0895 12.2143 13.125C12.2143 14.1605 13.0777 15 14.1429 15C15.208 15 16.0714 14.1605 16.0714 13.125C16.0714 12.0895 15.208 11.25 14.1429 11.25ZM3.85714 11.25C2.79201 11.25 1.92857 12.0895 1.92857 13.125C1.92857 14.1605 2.79201 15 3.85714 15C4.92228 15 5.78571 14.1605 5.78571 13.125C5.78571 12.0895 4.92228 11.25 3.85714 11.25Z" fill="#A9A9A9"/> <path d="M18 3.75V13.75C18 15.774 15.524 17.5 12.7759 17.5L15.3063 19.4422C15.5453 19.6257 15.411 20 15.1071 20H2.89286C2.58838 20 2.45523 19.6252 2.69369 19.4422L5.2241 17.5C2.48384 17.5 0 15.7795 0 13.75V3.75C0 1.67895 2.57143 0 5.14286 0H12.8571C15.4687 0 18 1.67895 18 3.75ZM8.03571 9.0625V4.6875C8.03571 4.16973 7.604 3.75 7.07143 3.75H2.89286C2.36029 3.75 1.92857 4.16973 1.92857 4.6875V9.0625C1.92857 9.58027 2.36029 10 2.89286 10H7.07143C7.604 10 8.03571 9.58027 8.03571 9.0625ZM16.0714 9.0625V4.6875C16.0714 4.16973 15.6397 3.75 15.1071 3.75H10.9286C10.396 3.75 9.96429 4.16973 9.96429 4.6875V9.0625C9.96429 9.58027 10.396 10 10.9286 10H15.1071C15.6397 10 16.0714 9.58027 16.0714 9.0625ZM14.1429 11.25C13.0777 11.25 12.2143 12.0895 12.2143 13.125C12.2143 14.1605 13.0777 15 14.1429 15C15.208 15 16.0714 14.1605 16.0714 13.125C16.0714 12.0895 15.208 11.25 14.1429 11.25ZM3.85714 11.25C2.79201 11.25 1.92857 12.0895 1.92857 13.125C1.92857 14.1605 2.79201 15 3.85714 15C4.92228 15 5.78571 14.1605 5.78571 13.125C5.78571 12.0895 4.92228 11.25 3.85714 11.25Z" fill="#A9A9A9"/>
</svg> </svg>
<p>{props.results.timeToTrain} мин</p> <p>{props.results.timeToTrain} мин</p>
</div> </div>
</div> </div>
<div class="amenities"> <div className="amenities">
<div class="amenitiesBlock"> <div className="amenitiesBlock">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 8.33333V11.6667H15V8.33333C15 6.49479 15.8969 5 17 5H18C18 2.23958 16.6562 0 15 0H5C3.34375 0 2 2.23958 2 5H3C4.10312 5 5 6.49479 5 8.33333ZM18 6.66667H17C16.4469 6.66667 16 7.41146 16 8.33333V13.3333H4V8.33333C4 7.41146 3.55313 6.66667 3 6.66667H2C0.896875 6.66667 0 8.16146 0 10C0 11.2292 0.40625 12.2917 1 12.8698V19.1667C1 19.625 1.225 20 1.5 20H3.5C3.775 20 4 19.625 4 19.1667V18.3333H16V19.1667C16 19.625 16.225 20 16.5 20H18.5C18.775 20 19 19.625 19 19.1667V12.8698C19.5938 12.2917 20 11.2292 20 10C20 8.16146 19.1031 6.66667 18 6.66667Z" fill="#A9A9A9"/> <path d="M5 8.33333V11.6667H15V8.33333C15 6.49479 15.8969 5 17 5H18C18 2.23958 16.6562 0 15 0H5C3.34375 0 2 2.23958 2 5H3C4.10312 5 5 6.49479 5 8.33333ZM18 6.66667H17C16.4469 6.66667 16 7.41146 16 8.33333V13.3333H4V8.33333C4 7.41146 3.55313 6.66667 3 6.66667H2C0.896875 6.66667 0 8.16146 0 10C0 11.2292 0.40625 12.2917 1 12.8698V19.1667C1 19.625 1.225 20 1.5 20H3.5C3.775 20 4 19.625 4 19.1667V18.3333H16V19.1667C16 19.625 16.225 20 16.5 20H18.5C18.775 20 19 19.625 19 19.1667V12.8698C19.5938 12.2917 20 11.2292 20 10C20 8.16146 19.1031 6.66667 18 6.66667Z" fill="#A9A9A9"/>
</svg> </svg>
@ -56,8 +56,8 @@ const CardApartament = function (props) {
<path d="M16.25 5V1.25C16.25 0.559766 15.6902 0 15 0H1.25C0.559766 0 0 0.559766 0 1.25V5C0 5.69023 0.559766 6.25 1.25 6.25H15C15.6902 6.25 16.25 5.69023 16.25 5ZM17.5 2.5V7.5C17.5 8.19023 16.9402 8.75 16.25 8.75H10C8.61914 8.75 7.5 9.86914 7.5 11.25V12.5C6.80977 12.5 6.25 13.0598 6.25 13.75V18.75C6.25 19.4402 6.80977 20 7.5 20H10C10.6902 20 11.25 19.4402 11.25 18.75V13.75C11.25 13.0598 10.6902 12.5 10 12.5V11.25H16.25C18.3211 11.25 20 9.57109 20 7.5V5C20 3.61914 18.8809 2.5 17.5 2.5Z" fill="#A9A9A9"/> <path d="M16.25 5V1.25C16.25 0.559766 15.6902 0 15 0H1.25C0.559766 0 0 0.559766 0 1.25V5C0 5.69023 0.559766 6.25 1.25 6.25H15C15.6902 6.25 16.25 5.69023 16.25 5ZM17.5 2.5V7.5C17.5 8.19023 16.9402 8.75 16.25 8.75H10C8.61914 8.75 7.5 9.86914 7.5 11.25V12.5C6.80977 12.5 6.25 13.0598 6.25 13.75V18.75C6.25 19.4402 6.80977 20 7.5 20H10C10.6902 20 11.25 19.4402 11.25 18.75V13.75C11.25 13.0598 10.6902 12.5 10 12.5V11.25H16.25C18.3211 11.25 20 9.57109 20 7.5V5C20 3.61914 18.8809 2.5 17.5 2.5Z" fill="#A9A9A9"/>
</svg> </svg>
</div> </div>
<div class="amenitiesLine"></div> <div className="amenitiesLine"></div>
<div class="amenitiesBlock"> <div className="amenitiesBlock">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.8571 0H2.14286C0.959821 0 0 0.959821 0 2.14286V17.8571C0 19.0402 0.959821 20 2.14286 20H17.8571C19.0402 20 20 19.0402 20 17.8571V2.14286C20 0.959821 19.0402 0 17.8571 0ZM10.7143 12.8571H8.57143V15C8.57143 15.3929 8.25 15.7143 7.85714 15.7143H6.42857C6.03571 15.7143 5.71429 15.3929 5.71429 15V5C5.71429 4.60714 6.03571 4.28571 6.42857 4.28571H10.7143C13.0759 4.28571 15 6.20982 15 8.57143C15 10.933 13.0759 12.8571 10.7143 12.8571ZM10.7143 7.14286H8.57143V10H10.7143C11.5 10 12.1429 9.35714 12.1429 8.57143C12.1429 7.78571 11.5 7.14286 10.7143 7.14286Z" fill="#A9A9A9"/> <path d="M17.8571 0H2.14286C0.959821 0 0 0.959821 0 2.14286V17.8571C0 19.0402 0.959821 20 2.14286 20H17.8571C19.0402 20 20 19.0402 20 17.8571V2.14286C20 0.959821 19.0402 0 17.8571 0ZM10.7143 12.8571H8.57143V15C8.57143 15.3929 8.25 15.7143 7.85714 15.7143H6.42857C6.03571 15.7143 5.71429 15.3929 5.71429 15V5C5.71429 4.60714 6.03571 4.28571 6.42857 4.28571H10.7143C13.0759 4.28571 15 6.20982 15 8.57143C15 10.933 13.0759 12.8571 10.7143 12.8571ZM10.7143 7.14286H8.57143V10H10.7143C11.5 10 12.1429 9.35714 12.1429 8.57143C12.1429 7.78571 11.5 7.14286 10.7143 7.14286Z" fill="#A9A9A9"/>
</svg> </svg>
@ -72,8 +72,8 @@ const CardApartament = function (props) {
<path d="M1.21115 8H16.7888C17.8665 8 18.4053 6.98014 17.6425 6.38245L9.85668 0.277498C9.38445 -0.0924988 8.61555 -0.0924988 8.14332 0.277498L0.357494 6.38245C-0.405347 6.98014 0.133485 8 1.21115 8Z" fill="#A9A9A9"/> <path d="M1.21115 8H16.7888C17.8665 8 18.4053 6.98014 17.6425 6.38245L9.85668 0.277498C9.38445 -0.0924988 8.61555 -0.0924988 8.14332 0.277498L0.357494 6.38245C-0.405347 6.98014 0.133485 8 1.21115 8Z" fill="#A9A9A9"/>
</svg> </svg>
</div> </div>
<div class="amenitiesLine"></div> <div className="amenitiesLine"></div>
<div class="amenitiesBlock"> <div className="amenitiesBlock">
<svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.75 10H2.25C1.65326 10 1.08097 10.2258 0.65901 10.6276C0.237053 11.0295 0 11.5745 0 12.1429C0 12.7112 0.237053 13.2562 0.65901 13.6581C1.08097 14.0599 1.65326 14.2857 2.25 14.2857H21.75C22.3467 14.2857 22.919 14.0599 23.341 13.6581C23.7629 13.2562 24 12.7112 24 12.1429C24 11.5745 23.7629 11.0295 23.341 10.6276C22.919 10.2258 22.3467 10 21.75 10ZM22.5 15.7143H1.5C1.30109 15.7143 1.11032 15.7895 0.96967 15.9235C0.829018 16.0574 0.75 16.2391 0.75 16.4286V17.1429C0.75 17.9006 1.06607 18.6273 1.62868 19.1632C2.19129 19.699 2.95435 20 3.75 20H20.25C21.0456 20 21.8087 19.699 22.3713 19.1632C22.9339 18.6273 23.25 17.9006 23.25 17.1429V16.4286C23.25 16.2391 23.171 16.0574 23.0303 15.9235C22.8897 15.7895 22.6989 15.7143 22.5 15.7143ZM2.74875 8.57143H21.2512C22.8717 8.57143 23.8116 6.61161 22.8834 5.18393C21 2.28571 16.8539 0.00446429 12 0C7.14656 0.00446429 3 2.28571 1.11656 5.18348C0.1875 6.61116 1.12828 8.57143 2.74875 8.57143ZM18 3.57143C18.1483 3.57143 18.2933 3.61332 18.4167 3.69181C18.54 3.77029 18.6361 3.88185 18.6929 4.01237C18.7497 4.14289 18.7645 4.28651 18.7356 4.42506C18.7066 4.56362 18.6352 4.6909 18.5303 4.79079C18.4254 4.89069 18.2918 4.95871 18.1463 4.98628C18.0008 5.01384 17.85 4.99969 17.713 4.94563C17.5759 4.89157 17.4588 4.80001 17.3764 4.68255C17.294 4.56509 17.25 4.42699 17.25 4.28571C17.25 4.09627 17.329 3.91459 17.4697 3.78064C17.6103 3.64668 17.8011 3.57143 18 3.57143ZM12 2.14286C12.1483 2.14286 12.2933 2.18475 12.4167 2.26324C12.54 2.34172 12.6361 2.45328 12.6929 2.5838C12.7497 2.71432 12.7645 2.85794 12.7356 2.99649C12.7066 3.13505 12.6352 3.26232 12.5303 3.36222C12.4254 3.46211 12.2918 3.53014 12.1463 3.5577C12.0008 3.58526 11.85 3.57112 11.713 3.51706C11.5759 3.46299 11.4588 3.37144 11.3764 3.25398C11.294 3.13652 11.25 2.99842 11.25 2.85714C11.25 2.6677 11.329 2.48602 11.4697 2.35207C11.6103 2.21811 11.8011 2.14286 12 2.14286ZM6 3.57143C6.14834 3.57143 6.29334 3.61332 6.41668 3.69181C6.54001 3.77029 6.63614 3.88185 6.69291 4.01237C6.74968 4.14289 6.76453 4.28651 6.73559 4.42506C6.70665 4.56362 6.63522 4.6909 6.53033 4.79079C6.42544 4.89069 6.2918 4.95871 6.14632 4.98628C6.00083 5.01384 5.85003 4.99969 5.71299 4.94563C5.57594 4.89157 5.45881 4.80001 5.3764 4.68255C5.29399 4.56509 5.25 4.42699 5.25 4.28571C5.25 4.09627 5.32902 3.91459 5.46967 3.78064C5.61032 3.64668 5.80109 3.57143 6 3.57143Z" fill="#A9A9A9"/> <path d="M21.75 10H2.25C1.65326 10 1.08097 10.2258 0.65901 10.6276C0.237053 11.0295 0 11.5745 0 12.1429C0 12.7112 0.237053 13.2562 0.65901 13.6581C1.08097 14.0599 1.65326 14.2857 2.25 14.2857H21.75C22.3467 14.2857 22.919 14.0599 23.341 13.6581C23.7629 13.2562 24 12.7112 24 12.1429C24 11.5745 23.7629 11.0295 23.341 10.6276C22.919 10.2258 22.3467 10 21.75 10ZM22.5 15.7143H1.5C1.30109 15.7143 1.11032 15.7895 0.96967 15.9235C0.829018 16.0574 0.75 16.2391 0.75 16.4286V17.1429C0.75 17.9006 1.06607 18.6273 1.62868 19.1632C2.19129 19.699 2.95435 20 3.75 20H20.25C21.0456 20 21.8087 19.699 22.3713 19.1632C22.9339 18.6273 23.25 17.9006 23.25 17.1429V16.4286C23.25 16.2391 23.171 16.0574 23.0303 15.9235C22.8897 15.7895 22.6989 15.7143 22.5 15.7143ZM2.74875 8.57143H21.2512C22.8717 8.57143 23.8116 6.61161 22.8834 5.18393C21 2.28571 16.8539 0.00446429 12 0C7.14656 0.00446429 3 2.28571 1.11656 5.18348C0.1875 6.61116 1.12828 8.57143 2.74875 8.57143ZM18 3.57143C18.1483 3.57143 18.2933 3.61332 18.4167 3.69181C18.54 3.77029 18.6361 3.88185 18.6929 4.01237C18.7497 4.14289 18.7645 4.28651 18.7356 4.42506C18.7066 4.56362 18.6352 4.6909 18.5303 4.79079C18.4254 4.89069 18.2918 4.95871 18.1463 4.98628C18.0008 5.01384 17.85 4.99969 17.713 4.94563C17.5759 4.89157 17.4588 4.80001 17.3764 4.68255C17.294 4.56509 17.25 4.42699 17.25 4.28571C17.25 4.09627 17.329 3.91459 17.4697 3.78064C17.6103 3.64668 17.8011 3.57143 18 3.57143ZM12 2.14286C12.1483 2.14286 12.2933 2.18475 12.4167 2.26324C12.54 2.34172 12.6361 2.45328 12.6929 2.5838C12.7497 2.71432 12.7645 2.85794 12.7356 2.99649C12.7066 3.13505 12.6352 3.26232 12.5303 3.36222C12.4254 3.46211 12.2918 3.53014 12.1463 3.5577C12.0008 3.58526 11.85 3.57112 11.713 3.51706C11.5759 3.46299 11.4588 3.37144 11.3764 3.25398C11.294 3.13652 11.25 2.99842 11.25 2.85714C11.25 2.6677 11.329 2.48602 11.4697 2.35207C11.6103 2.21811 11.8011 2.14286 12 2.14286ZM6 3.57143C6.14834 3.57143 6.29334 3.61332 6.41668 3.69181C6.54001 3.77029 6.63614 3.88185 6.69291 4.01237C6.74968 4.14289 6.76453 4.28651 6.73559 4.42506C6.70665 4.56362 6.63522 4.6909 6.53033 4.79079C6.42544 4.89069 6.2918 4.95871 6.14632 4.98628C6.00083 5.01384 5.85003 4.99969 5.71299 4.94563C5.57594 4.89157 5.45881 4.80001 5.3764 4.68255C5.29399 4.56509 5.25 4.42699 5.25 4.28571C5.25 4.09627 5.32902 3.91459 5.46967 3.78064C5.61032 3.64668 5.80109 3.57143 6 3.57143Z" fill="#A9A9A9"/>
</svg> </svg>
@ -88,26 +88,26 @@ const CardApartament = function (props) {
</svg> </svg>
</div> </div>
</div> </div>
<div class="apartmentBtn"> <div className="apartmentBtn">
{/* TODO: добавить проверку на авторизацию */} {/* TODO: добавить проверку на авторизацию */}
<button class="contactBtn"> <button className="contactBtn">
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.5437 11.3882L12.0436 9.88817C11.8941 9.82445 11.728 9.81102 11.5701 9.84991C11.4123 9.8888 11.2714 9.9779 11.1686 10.1038L9.61861 11.9976C7.18598 10.8506 5.22828 8.89292 4.08132 6.4603L5.9751 4.91027C6.10126 4.80767 6.19054 4.66676 6.22945 4.50887C6.26836 4.35099 6.25477 4.18472 6.19073 4.03525L4.69071 0.535193C4.62043 0.374068 4.49613 0.242515 4.33925 0.163218C4.18236 0.0839204 4.00273 0.0618495 3.83132 0.100811L0.58126 0.850824C0.415998 0.888986 0.26855 0.982038 0.162983 1.11479C0.0574151 1.24755 -3.80697e-05 1.41216 1.8926e-08 1.58177C1.8926e-08 9.59754 6.49699 16.082 14.5003 16.082C14.6699 16.0821 14.8346 16.0247 14.9674 15.9191C15.1002 15.8136 15.1933 15.6661 15.2315 15.5008L15.9815 12.2507C16.0202 12.0785 15.9977 11.8981 15.9178 11.7407C15.8379 11.5833 15.7056 11.4586 15.5437 11.3882Z" fill="#007EFF"/> <path d="M15.5437 11.3882L12.0436 9.88817C11.8941 9.82445 11.728 9.81102 11.5701 9.84991C11.4123 9.8888 11.2714 9.9779 11.1686 10.1038L9.61861 11.9976C7.18598 10.8506 5.22828 8.89292 4.08132 6.4603L5.9751 4.91027C6.10126 4.80767 6.19054 4.66676 6.22945 4.50887C6.26836 4.35099 6.25477 4.18472 6.19073 4.03525L4.69071 0.535193C4.62043 0.374068 4.49613 0.242515 4.33925 0.163218C4.18236 0.0839204 4.00273 0.0618495 3.83132 0.100811L0.58126 0.850824C0.415998 0.888986 0.26855 0.982038 0.162983 1.11479C0.0574151 1.24755 -3.80697e-05 1.41216 1.8926e-08 1.58177C1.8926e-08 9.59754 6.49699 16.082 14.5003 16.082C14.6699 16.0821 14.8346 16.0247 14.9674 15.9191C15.1002 15.8136 15.1933 15.6661 15.2315 15.5008L15.9815 12.2507C16.0202 12.0785 15.9977 11.8981 15.9178 11.7407C15.8379 11.5833 15.7056 11.4586 15.5437 11.3882Z" fill="#007EFF"/>
</svg> </svg>
Показать телефон Показать телефон
</button> </button>
<button class="favoritesBtn"> <button className="favoritesBtn">
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.2529 1.25809C14.3263 -0.409741 11.4611 -0.109747 9.69282 1.74379L9.00026 2.46878L8.30769 1.74379C6.54288 -0.109747 3.67419 -0.409741 1.74766 1.25809C-0.460107 3.17234 -0.57612 6.60799 1.39962 8.68295L8.20223 15.8185C8.64167 16.2792 9.35533 16.2792 9.79478 15.8185L16.5974 8.68295C18.5766 6.60799 18.4606 3.17234 16.2529 1.25809Z" fill="#F33C52"/> <path d="M16.2529 1.25809C14.3263 -0.409741 11.4611 -0.109747 9.69282 1.74379L9.00026 2.46878L8.30769 1.74379C6.54288 -0.109747 3.67419 -0.409741 1.74766 1.25809C-0.460107 3.17234 -0.57612 6.60799 1.39962 8.68295L8.20223 15.8185C8.64167 16.2792 9.35533 16.2792 9.79478 15.8185L16.5974 8.68295C18.5766 6.60799 18.4606 3.17234 16.2529 1.25809Z" fill="#F33C52"/>
</svg> </svg>
</button> </button>
<button class="markBtn"> <button className="markBtn">
<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.82143 7.16406H1.17857C0.527902 7.16406 0 7.69196 0 8.34263V16.9855C0 17.6362 0.527902 18.1641 1.17857 18.1641H9.82143C10.4721 18.1641 11 17.6362 11 16.9855V8.34263C11 7.69196 10.4721 7.16406 9.82143 7.16406Z" fill="#222222"/> <path d="M9.82143 7.16406H1.17857C0.527902 7.16406 0 7.69196 0 8.34263V16.9855C0 17.6362 0.527902 18.1641 1.17857 18.1641H9.82143C10.4721 18.1641 11 17.6362 11 16.9855V8.34263C11 7.69196 10.4721 7.16406 9.82143 7.16406Z" fill="#222222"/>
<path d="M14.8214 1.16406H6.17857C4.97562 1.16406 4 2.13968 4 3.34263V11.9855C4 13.1884 4.97562 14.1641 6.17857 14.1641H14.8214C16.0244 14.1641 17 13.1884 17 11.9855V3.34263C17 2.13968 16.0244 1.16406 14.8214 1.16406Z" fill="#222222" stroke="white" stroke-width="2"/> <path d="M14.8214 1.16406H6.17857C4.97562 1.16406 4 2.13968 4 3.34263V11.9855C4 13.1884 4.97562 14.1641 6.17857 14.1641H14.8214C16.0244 14.1641 17 13.1884 17 11.9855V3.34263C17 2.13968 16.0244 1.16406 14.8214 1.16406Z" fill="#222222" stroke="white" stroke-width="2"/>
</svg> </svg>
</button> </button>
<button class="noteBtn"> <button className="noteBtn">
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.08611 3.07763L13.0868 7.07832L4.39948 15.7656L0.832541 16.1594C0.355033 16.2122 -0.0484114 15.8085 0.00471446 15.331L0.401596 11.7615L9.08611 3.07763ZM15.5612 2.48199L13.6828 0.603523C13.0968 0.0175757 12.1465 0.0175757 11.5605 0.603523L9.79331 2.37074L13.794 6.37143L15.5612 4.60421C16.1472 4.01795 16.1472 3.06794 15.5612 2.48199Z" fill="#222222"/> <path d="M9.08611 3.07763L13.0868 7.07832L4.39948 15.7656L0.832541 16.1594C0.355033 16.2122 -0.0484114 15.8085 0.00471446 15.331L0.401596 11.7615L9.08611 3.07763ZM15.5612 2.48199L13.6828 0.603523C13.0968 0.0175757 12.1465 0.0175757 11.5605 0.603523L9.79331 2.37074L13.794 6.37143L15.5612 4.60421C16.1472 4.01795 16.1472 3.06794 15.5612 2.48199Z" fill="#222222"/>
</svg> </svg>
@ -115,16 +115,16 @@ const CardApartament = function (props) {
</div> </div>
</div> </div>
</div> </div>
<div class="apartmentSectionRight"> <div className="apartmentSectionRight">
<div class="apartmentPrice"> <div className="apartmentPrice">
<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 12L13.9282 0H0.0717969L7 12Z" fill="#2EC44F"/> <path d="M7 12L13.9282 0H0.0717969L7 12Z" fill="#2EC44F"/>
</svg> </svg>
<h3>{props.results.price} </h3> <h3>{props.results.price} </h3>
</div> </div>
<p class="month">в месяц</p> <p className="month">в месяц</p>
<p class="description">{props.results.description}</p> <p className="description">{props.results.description}</p>
<p class="date">{props.results.dateCreate}</p> <p className="date">{props.results.dateCreate}</p>
</div> </div>
</section> </section>
); );

View File

@ -21,7 +21,7 @@ const Favorites = function () {
{apartaments.map((apartament, index) => {apartaments.map((apartament, index) =>
<> <>
<CardApartament results={apartament}/> <CardApartament results={apartament}/>
<div class="separationLine"></div> <div className="separationLine"></div>
</> </>
)} )}
</> </>

View File

@ -4,7 +4,7 @@ import './styles/Footer.css';
const Footer = function () { const Footer = function () {
return ( return (
<footer> <footer>
<div class="footerHouses"> <div className="footerHouses">
<svg width="64" height="112" viewBox="0 0 64 112" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="64" height="112" viewBox="0 0 64 112" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 16L31.5 0.5L64 16V112H0V16Z" fill="#D9D9D9"/> <path d="M0 16L31.5 0.5L64 16V112H0V16Z" fill="#D9D9D9"/>
<rect x="45" width="8" height="16" fill="#D9D9D9"/> <rect x="45" width="8" height="16" fill="#D9D9D9"/>
@ -23,7 +23,7 @@ const Footer = function () {
<rect x="11" y="12" width="16" height="16" fill="white"/> <rect x="11" y="12" width="16" height="16" fill="white"/>
</svg> </svg>
</div> </div>
<div class="footerBlock"></div> <div className="footerBlock"></div>
</footer> </footer>
); );
} }