mahdi
/
danovinTasks
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update App.js, src/components/CurrentDateShamsi/index.js and src/components/ProductSuggestion/index.js

Browse Source
master
mahdi 3 years ago
parent 0a8c893ce6
commit b59d8b0aed
7 changed files with 252 additions and 17 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      src/App.js
  2. 13
      src/components/CurrentDateShamsi/index.js
  3. 20
      src/components/ProductSuggestion/index.js
  4. 87
      src/components/RoomCardInfo/images/flower.svg
  5. 87
      src/components/RoomCardInfo/images/flower2.svg
  6. 8
      src/components/RoomCardInfo/images/qr-code.svg
  7. 34
      src/components/RoomCardInfo/index.js

20
src/App.js
Unescape View File

@ -95,6 +95,7 @@ import DateTime from "./components/DateTime";
import CardDesign3 from "./components/CardDesign3";
import CustomToast2 from "./components/CustomToast2";
import ContactUsInfoCard from "./components/ContactUsInfoCard";
import RoomCardInfo from "./components/RoomCardInfo";
function App() {
return (
@ -115,12 +116,12 @@ function App() {
{/* <BlogDesign6 /> */}
{/* <ContactInfoSection /> */}
{/* <Testttt /> */}
{/* <Design2D /> */}
<Design2D />
{/* <Features /> */}
{/* <Feedback /> */}
{/* <Alert /> */}
{/* <Toast /> */}
{/* <ProductSuggestion /> */}
<ProductSuggestion />
{/* <ProductImage /> */}
{/* <ProductTab /> */}
{/* <ProductStatusCard /> */}
@ -140,15 +141,16 @@ function App() {
{/* <SidebarDesign2 className="w-1/5" /> */}
{/* <FileManager /> */}
{/* <GridListTable /> */}
{/* <PopupCard /> */}
<PopupCard />
{/* <TimeLineComponent /> */}
{/* <CardTrelloDesign /> */}
<CardTrelloDesign />
{/* <ReligiousTimes /> */}
{/* <DistributedData /> */}
<DistributedData />
<CardDesign1 />
<CardDesign2 />
<CardDesign3 />
<ContactUsInfoCard />
<RoomCardInfo />
{/* <LeafletMap /> */}
{/* *************************************************** mini components *************************************************** */}
@ -181,11 +183,11 @@ function App() {
{/* <FolderTree /> */}
{/* <IndianaDragScroll /> */}
{/* <IconText /> */}
{/* <CustomToast /> */}
{/* <CustomToast2 /> */}
<CustomToast />
<CustomToast2 />
<DateRangePicker />
{/* <BoxNextToEachOther /> */}
{/* <ProfileInfo /> */}
<BoxNextToEachOther />
<ProfileInfo />
<UserProfileInfo />
{/* <CurrentTime /> */}
{/* <CurrentDateShamsi /> */}

13
src/components/CurrentDateShamsi/index.js
Unescape View File

@ -3,14 +3,23 @@ import React from "react";
const CurrentDateShamsi = ({ color, fontSize }) => {
const date = new Date();
const option = {
weekday: "long",
year: "numeric",
month: "numeric",
day: "numeric",
};
const option2 = {
weekday: "long",
};
const todayDate = date.toLocaleDateString("fa-IR", option);
const weekday = date.toLocaleDateString("fa-IR", option2);
return <p className={`${color} ${fontSize}`}>{todayDate}</p>;
return (
<p className={`${color} ${fontSize}`}>
{todayDate}
<span className="text-red-400">{weekday}</span>
</p>
);
};
export default CurrentDateShamsi;

20
src/components/ProductSuggestion/index.js
Unescape View File

@ -5,7 +5,7 @@ import plus from "./plus.svg";
import Button from "../Button";
const ProductSuggestion = ({ suggestions, selected }) => {
const [selectedProduct, setSelectedProduct] = useState(null);
const [selectedProduct, setSelectedProduct] = useState([]);
return (
<section className="m-10 border-2 border-gray-300 p-4 rounded-lg">
@ -19,11 +19,13 @@ const ProductSuggestion = ({ suggestions, selected }) => {
<img src={suggestion.plusIcon} alt="" className="mx-4" />
<div
className={`flex flex-col items-center border rounded-md border-gray-300 p-5 mx-4 cursor-pointer transition-all ease-in-out duration-500
${selectedProduct === suggestion ? "bg-white" : ""}`}
${selectedProduct.includes(suggestion) ? "bg-white" : ""}`}
// onClick={() => setSelectedProduct(suggestion)}
onClick={() =>
setSelectedProduct(
selectedProduct === suggestion ? null : suggestion
selectedProduct.includes(suggestion)
? selectedProduct.filter((item) => item != suggestion)
: [...selectedProduct, suggestion]
)
}
>
@ -43,13 +45,19 @@ const ProductSuggestion = ({ suggestions, selected }) => {
{/* {suggestion.selected && (
<span className="text-xs">انتخاب شما</span>
)} */}
{selectedProduct === suggestion && (
{selectedProduct.includes(suggestion) && (
<span className="text-xs mt-2">انتخاب شما</span>
)}
<input
// checked={suggestion.selected}
checked={selectedProduct === suggestion ? true : false}
onClick={() => setSelectedProduct(suggestion)}
checked={selectedProduct.includes(suggestion)}
onClick={() =>
setSelectedProduct(
selectedProduct.includes(suggestion)
? selectedProduct.filter((item) => item != suggestion)
: [...selectedProduct, suggestion]
)
}
className="checkbox-input mt-4 cursor-pointer w-4 h-4"
type="checkbox"
/>

87
src/components/RoomCardInfo/images/flower.svg
Unescape View File

@ -0,0 +1,87 @@
<svg xmlns="http://www.w3.org/2000/svg" width="498.795" height="280.531" viewBox="0 0 498.795 280.531">
<g id="Group_35" data-name="Group 35" transform="translate(-192.899 -175.749)">
<g id="Group_22" data-name="Group 22" transform="translate(192.899 219.779)">
<path id="Path_2" data-name="Path 2" d="M224.283,422.663a22.2,22.2,0,0,1-10.66-2.736c-18.969-10.343-25.95-33.929-16.605-56.077,7.421-17.582,20.22-30.035,37.011-36.018,21.772-7.755,49.6-4.529,74.437,8.63,3.163,1.674,6.829,3.691,11.07,6.03,45.79,25.218,153.022,84.281,235.092,38.58,42.978-23.933,69.875-84.8,41.413-137.255a105.13,105.13,0,0,0-106.1-53.739,66.188,66.188,0,0,0-56.56,74.454,41.655,41.655,0,0,0,46.851,35.591,26.013,26.013,0,0,0,22.225-29.257,16.044,16.044,0,0,0-18.043-13.7l-.406-2.943A19.025,19.025,0,0,1,505.4,270.465a28.984,28.984,0,0,1-24.762,32.6,44.625,44.625,0,0,1-50.2-38.128,69.16,69.16,0,0,1,59.1-77.795A108.11,108.11,0,0,1,598.647,242.4c13.387,24.673,15.823,53.3,6.85,80.6-8.47,25.776-26.483,47.887-49.422,60.661-22.191,12.356-46.141,17.218-70.2,17.218-66.467,0-133.834-37.1-167.771-55.794-4.228-2.33-7.882-4.338-11.028-6-24.115-12.774-51.046-15.937-72.048-8.457-16.22,5.776-28.09,17.345-35.274,34.377-8.74,20.715-2.309,42.72,15.29,52.318a19.368,19.368,0,0,0,26.267-7.73,9.39,9.39,0,0,0-3.751-12.744,4.2,4.2,0,0,0-5.687,1.67l-2.6-1.421a7.165,7.165,0,0,1,9.713-2.854,12.359,12.359,0,0,1,4.935,16.77,22.178,22.178,0,0,1-13.3,10.732A22.433,22.433,0,0,1,224.283,422.663Z" transform="translate(-192.899 -186.162)" fill="#2d9179"/>
</g>
<g id="Group_23" data-name="Group 23" transform="translate(383.343 191.902)">
<path id="Path_3" data-name="Path 3" d="M349.5,421.946a119.06,119.06,0,0,1-37.688-6.575c-20.216-6.99-47.5-22.96-62.653-59.333-17.89-42.935-14.224-89.237,9.8-123.851a116.485,116.485,0,0,1,47.1-39.367c20.711-9.687,44.475-14.1,70.615-13.117l-.11,2.964c-50.048-1.873-90.945,16.309-115.174,51.21-23.447,33.777-27,79.021-9.5,121.018,14.732,35.358,41.24,50.876,60.881,57.671a113.409,113.409,0,0,0,39.494,6.347l.182,2.964C352.288,421.887,351.252,421.946,349.5,421.946Z" transform="translate(-237.938 -179.569)" fill="#2d9179"/>
</g>
<g id="Group_24" data-name="Group 24" transform="translate(563.357 226.6)">
<path id="Path_4" data-name="Path 4" d="M281.926,372.824l-1.416-2.609c16.03-8.711,49.367-44.961,44-95.93-3.3-31.358,4.74-58.251,22.06-73.782a48.1,48.1,0,0,1,43.295-11.548l-.63,2.9a45.193,45.193,0,0,0-40.682,10.859c-16.6,14.884-24.288,40.859-21.087,71.262C332.981,326.417,298.5,363.817,281.926,372.824Z" transform="translate(-280.51 -187.775)" fill="#2d9179"/>
</g>
<g id="Group_25" data-name="Group 25" transform="translate(510.636 280.918)">
<path id="Path_5" data-name="Path 5" d="M268.558,352.4l-.516-2.926a95.7,95.7,0,0,0,77.5-110.781c-2.186-12.393-9.7-23.954-19.595-30.17-7.658-4.812-16.043-6.135-24.237-3.827-9.844,2.765-16.093,11.489-14.537,20.284l-2.922.516c-1.822-10.3,5.336-20.474,16.652-23.658,9.032-2.537,18.237-1.1,26.626,4.173,10.584,6.647,18.605,18.973,20.939,32.166A98.686,98.686,0,0,1,268.558,352.4Z" transform="translate(-268.042 -200.621)" fill="#2d9179"/>
</g>
<path id="Path_6" data-name="Path 6" d="M289.379,206.433s.6,9.264-15.108,8.186c-13.273-.913-17.7,8.88-17.7,8.88S272,190.555,289.379,206.433Z" transform="translate(205.561 85.095)" fill="#2d9179"/>
<path id="Path_7" data-name="Path 7" d="M242.746,225.127s8.1,5.949,12.8-9.074a22.505,22.505,0,0,1,15.019-15.29S234.272,203.16,242.746,225.127Z" transform="translate(156.789 80.756)" fill="#2d9179"/>
<path id="Path_8" data-name="Path 8" d="M268.257,182.4s-1.239,9.2,14.508,9.2c13.307,0,17.053,10.072,17.053,10.072S286.685,167.751,268.257,182.4Z" transform="translate(243.216 9.626)" fill="#2d9179"/>
<path id="Path_9" data-name="Path 9" d="M343.019,195.886s-10.165,7.958-20.263,9.721S300.9,195.256,300.9,195.256s11.806-10.5,21.895-8.7S343.019,195.886,343.019,195.886Z" transform="translate(348.674 34.211)" fill="#c39500"/>
<path id="Path_10" data-name="Path 10" d="M278.051,228.037s-4.689-4.495-6.3-9.4,3.59-11.624,3.59-11.624,6.072,5.121,5.9,10.279S278.051,228.037,278.051,228.037Z" transform="translate(253.589 100.946)" fill="#c39500"/>
<path id="Path_11" data-name="Path 11" d="M314.044,195.818s-3.087,6.791-7.789,10.394-13.971.537-13.971.537,3.247-8.537,8.9-10.309S314.044,195.818,314.044,195.818Z" transform="translate(320.861 63.599)" fill="#2d9179"/>
<path id="Path_12" data-name="Path 12" d="M297.444,186.4s5.273,5.281,6.994,10.947-4.41,13.265-4.41,13.265-6.85-6.034-6.524-11.95S297.444,186.4,297.444,186.4Z" transform="translate(324.759 34.392)" fill="#2d9179"/>
<g id="Group_26" data-name="Group 26" transform="translate(499.089 238.821)">
<path id="Path_13" data-name="Path 13" d="M344.581,203.828c-.4-.258-40.136-25.256-78.484-1.319l-.786-1.26c39.155-24.44,79.668,1.07,80.074,1.328Z" transform="translate(-265.311 -190.665)" fill="#2d9179"/>
</g>
<path id="Path_14" data-name="Path 14" d="M284.727,194.03s-6.791-5.958-11.379,1.725c-3.045,5.1-9.751,6.6-12.389,4.774a13.488,13.488,0,0,0,10.258,5.357C279.953,206.09,286.452,198.7,284.727,194.03Z" transform="translate(219.728 51.91)" fill="#2d9179"/>
<path id="Path_15" data-name="Path 15" d="M244.383,201.207s7.222,7.484,13.222-.892c3.983-5.565,11.823-6.643,14.677-4.3a15.542,15.542,0,0,0-11.26-7.129C251.017,187.824,242.848,195.681,244.383,201.207Z" transform="translate(165.613 42.108)" fill="#2d9179"/>
<path id="Path_16" data-name="Path 16" d="M258.184,219.324s-8.668,5.738-12.715-3.734c-2.685-6.3-10.1-9.049-13.4-7.37a15.542,15.542,0,0,1,12.537-4.524C254.606,204.816,260.881,214.258,258.184,219.324Z" transform="translate(126.458 89.921)" fill="#2d9179"/>
<path id="Path_17" data-name="Path 17" d="M304.288,229.033s-9.751,3.62-11.535-6.52c-1.188-6.744-7.785-11.108-11.374-10.224a15.525,15.525,0,0,1,13.235-1.556C304.1,214.094,308.064,224.711,304.288,229.033Z" transform="translate(285.649 110.195)" fill="#2d9179"/>
<path id="Path_18" data-name="Path 18" d="M272.783,224.826s-7.049,7.649,1.662,13.146c5.789,3.658,7.324,11.417,5.142,14.4a15.524,15.524,0,0,0,6.465-11.654C286.534,230.67,278.212,222.974,272.783,224.826Z" transform="translate(249.207 157.549)" fill="#2d9179"/>
<path id="Path_19" data-name="Path 19" d="M272.86,207.6s8.8-5.535,12.622,4.034c2.533,6.36,9.882,9.29,13.218,7.687a15.538,15.538,0,0,1-12.643,4.224C276.09,222.186,270.044,212.6,272.86,207.6Z" transform="translate(255.913 97.694)" fill="#c39500"/>
<path id="Path_20" data-name="Path 20" d="M286.66,206.327s-10.275-1.594-10,8.7c.186,6.846-5.4,12.444-9.1,12.292a15.535,15.535,0,0,0,13.281-1.121C289.459,221,291.222,209.807,286.66,206.327Z" transform="translate(241.038 98.431)" fill="#c39500"/>
<path id="Path_21" data-name="Path 21" d="M293.888,238.124s-7.882.693-7.15-7.108c.486-5.184-3.476-9.713-6.288-9.789a11.816,11.816,0,0,1,10.026,1.522C296.755,227.125,297.524,235.713,293.888,238.124Z" transform="translate(282.653 145.195)" fill="#2d9179"/>
<path id="Path_22" data-name="Path 22" d="M265.425,233.687s-5.429,8.867-13.1,2c-5.091-4.571-12.977-3.928-15.252-1.015a15.525,15.525,0,0,1,9.446-9.4C256.046,222.058,265.725,227.957,265.425,233.687Z" transform="translate(142.601 156.938)" fill="#2d9179"/>
<path id="Path_23" data-name="Path 23" d="M264.323,228.725s-1.066-5.806,4.782-5.806c3.882,0,6.973-3.256,6.829-5.349a8.823,8.823,0,0,1-.431,7.552C272.687,230.086,266.365,231.257,264.323,228.725Z" transform="translate(230.343 135.016)" fill="#2d9179"/>
<path id="Path_24" data-name="Path 24" d="M279.408,191.364s2.943,5.112-2.567,7.07c-3.662,1.294-5.484,5.4-4.647,7.324a8.815,8.815,0,0,1-2.119-7.26C271.07,192.873,276.634,189.66,279.408,191.364Z" transform="translate(248.747 48.936)" fill="#2d9179"/>
<path id="Path_25" data-name="Path 25" d="M285.36,200.288s1.649-5.662-4.165-6.262c-3.865-.393-6.6-3.945-6.254-6.013a8.823,8.823,0,0,0-.338,7.552C276.9,200.8,283.068,202.6,285.36,200.288Z" transform="translate(261.506 39.593)" fill="#2d9179"/>
<path id="Path_26" data-name="Path 26" d="M259.309,254.1s8.309-6.258.727-13.235c-5.036-4.634-5.15-12.546-2.474-15.087a15.525,15.525,0,0,0-8.448,10.3C246.835,245.884,253.634,254.954,259.309,254.1Z" transform="translate(180.028 161.528)" fill="#2d9179"/>
<path id="Path_27" data-name="Path 27" d="M241.711,230.654s9.133,1.163,9.966-7.615c.554-5.831,6.212-10.715,9.535-10.66a15.05,15.05,0,0,0-12.14,1.213C240.726,218.193,237.948,227.779,241.711,230.654Z" transform="translate(152.267 115.847)" fill="#2d9179"/>
<path id="Path_28" data-name="Path 28" d="M258.224,218.824s-3.078,5.446,2.228,8.229c3.531,1.852,5.146,6.668,4.258,8.744a10.238,10.238,0,0,0,2.359-7.954C266.326,221.407,261.006,217.192,258.224,218.824Z" transform="translate(208.031 137.927)" fill="#2d9179"/>
<g id="Group_27" data-name="Group 27" transform="translate(392.574 288.525)">
<path id="Path_29" data-name="Path 29" d="M244.142,285.158c-.156-.516-15.167-51.684,13.835-82.738l1.083,1.015c-28.428,30.432-13.649,80.788-13.5,81.292Z" transform="translate(-240.121 -202.42)" fill="#2d9179"/>
</g>
<g id="Group_28" data-name="Group 28" transform="translate(216.41 427.506)">
<path id="Path_30" data-name="Path 30" d="M200.054,244.547a14.321,14.321,0,0,1,1.446-5.691c1.336-2.321,5.738-2.651,5.738-2.651s.127,4.127-1.924,5.852A14.96,14.96,0,0,1,200.054,244.547Z" transform="translate(-193.31 -232.331)" fill="#c39500"/>
<path id="Path_31" data-name="Path 31" d="M204.38,235.971s5.193,1.484,2.82,6.275c-1.577,3.188-.161,7.045,1.615,7.78a8.078,8.078,0,0,1-6.021-3.425C199.865,242.28,201.471,236.614,204.38,235.971Z" transform="translate(-189.475 -233.084)" fill="#c39500"/>
<path id="Path_32" data-name="Path 32" d="M213.2,237.575s-2.947-4.524-6.829-.846c-2.579,2.448-6.681,2.228-7.907.748a8.072,8.072,0,0,0,5.04,4.744C208.5,243.749,213.436,240.543,213.2,237.575Z" transform="translate(-198.459 -235.288)" fill="#c39500"/>
</g>
<g id="Group_29" data-name="Group 29" transform="translate(307.388 205.881)">
<path id="Path_33" data-name="Path 33" d="M379.543,409.823a266.532,266.532,0,0,1-57.321-17.535c-28.343-12.254-66.23-34.952-85.761-73.477-19.523-38.508-18.2-73.393-13.649-95.88,4.93-24.377,14.347-39.426,14.745-40.056l2.507,1.59c-.1.152-9.561,15.3-14.368,39.181-4.431,21.992-5.7,56.128,13.413,93.824s56.352,60.006,84.222,72.065A263.1,263.1,0,0,0,380,406.889Z" transform="translate(-219.975 -182.875)" fill="#2d9179"/>
</g>
<g id="Group_30" data-name="Group 30" transform="translate(429.726 272.614)">
<path id="Path_34" data-name="Path 34" d="M342.9,314.194c-5.463-15.878-18.081-19.074-32.686-22.774-14.013-3.548-29.895-7.573-43.312-23.337-27.43-32.233-15.37-69.059-15.243-69.427l2.106.715c-.118.355-11.759,36.022,14.829,67.27,12.96,15.222,28.474,19.155,42.166,22.622,15.231,3.856,28.39,7.193,34.246,24.208Z" transform="translate(-248.907 -198.657)" fill="#2d9179"/>
</g>
<path id="Path_35" data-name="Path 35" d="M222.153,199.613s4.922-7.518,14.106-6.6c0,0-6.372,3.011-7.412,12.719s-8.812,10.74-8.563,7.112S222.153,199.613,222.153,199.613Z" transform="translate(88.394 55.495)" fill="#2d9179"/>
<path id="Path_36" data-name="Path 36" d="M233.682,208.191c-5.176-3.577-10.761-6.279-17.438-4.44,0,0,6.981.93,10.922,9.865s10.322,4.173,10.322,4.173S238.862,211.773,233.682,208.191Z" transform="translate(75.369 88.487)" fill="#2d9179"/>
<path id="Path_37" data-name="Path 37" d="M224.672,224.095c2.034-5.958,4.918-11.451,11.379-13.95,0,0-5.057,4.9-2.918,14.432s-5.81,9.493-5.81,9.493S222.638,230.048,224.672,224.095Z" transform="translate(100.925 111.045)" fill="#2d9179"/>
<path id="Path_38" data-name="Path 38" d="M241.759,221.708c-6.14-1.379-12.33-1.784-17.835,2.423,0,0,6.825-1.755,13.831,5.049s11.129,0,11.129,0S247.9,223.086,241.759,221.708Z" transform="translate(100.163 145.293)" fill="#2d9179"/>
<path id="Path_39" data-name="Path 39" d="M195.6,227.656s9.971.3,11.083,8.313-6.3,18.867,2.127,23.075C208.81,259.043,189.233,257.394,195.6,227.656Z" transform="translate(4.61 167.578)" fill="#2d9179"/>
<path id="Path_40" data-name="Path 40" d="M234.814,219.645s3.552,10.44-4.313,14.7-21.979.782-23.07,11.142C207.431,245.485,205.883,217.18,234.814,219.645Z" transform="translate(46.87 141.224)" fill="#2d9179"/>
<path id="Path_41" data-name="Path 41" d="M234.427,225.888s-1.8-9.814-9.89-9.7-17.7,9.083-23.13,1.383C201.407,217.566,212.671,240.6,234.427,225.888Z" transform="translate(27.468 130.538)" fill="#2d9179"/>
<g id="Group_32" data-name="Group 32" transform="translate(418.917 302.391)">
<g id="Group_31" data-name="Group 31">
<path id="Path_42" data-name="Path 42" d="M257.444,218.566s8.478-4.127,7.975-9.928c-.317-3.62-4.279-3.349-6.495-2.08a3.158,3.158,0,0,1-3.467,0c-2.216-1.268-6.114-1.476-6.431,2.144C248.522,214.5,257.444,218.566,257.444,218.566Z" transform="translate(-237.781 -205.699)" fill="#c39500"/>
<path id="Path_43" data-name="Path 43" d="M260.568,218.979s.664-9.408-4.613-11.873c-3.29-1.535-5.036,2.034-5.044,4.584a3.152,3.152,0,0,1-1.734,3c-2.207,1.29-4.338,4.558-1.362,6.643C252.585,224.671,260.568,218.979,260.568,218.979Z" transform="translate(-246.351 -202.353)" fill="#c39500"/>
<path id="Path_44" data-name="Path 44" d="M260.549,213.516s-7.818-5.277-12.588-1.941c-2.977,2.08-.757,5.379,1.446,6.664a3.147,3.147,0,0,1,1.734,3c.013,2.554,1.78,6.034,5.07,4.5C261.488,223.275,260.549,213.516,260.549,213.516Z" transform="translate(-245.799 -190.298)" fill="#c39500"/>
<path id="Path_45" data-name="Path 45" d="M257.357,211.861s-8.478,4.131-7.975,9.928c.317,3.62,4.279,3.349,6.495,2.08a3.16,3.16,0,0,1,3.467,0c2.216,1.269,6.114,1.48,6.431-2.14C266.279,215.929,257.357,211.861,257.357,211.861Z" transform="translate(-236.632 -185.806)" fill="#c39500"/>
<path id="Path_46" data-name="Path 46" d="M252.56,213.571s-.664,9.412,4.613,11.873c3.29,1.539,5.036-2.034,5.045-4.584a3.153,3.153,0,0,1,1.738-3c2.2-1.285,4.334-4.558,1.357-6.643C260.544,207.879,252.56,213.571,252.56,213.571Z" transform="translate(-226.39 -191.274)" fill="#c39500"/>
<path id="Path_47" data-name="Path 47" d="M252.463,219.034s7.818,5.277,12.588,1.941c2.977-2.08.757-5.379-1.446-6.664a3.147,3.147,0,0,1-1.734-3c-.013-2.55-1.78-6.034-5.07-4.5C251.525,209.275,252.463,219.034,252.463,219.034Z" transform="translate(-226.825 -203.33)" fill="#c39500"/>
</g>
<path id="Path_48" data-name="Path 48" d="M276.782,221.411a14.548,14.548,0,1,1-14.55-14.55A14.546,14.546,0,0,1,276.782,221.411Z" transform="translate(-242.04 -201.948)" fill="#c39500"/>
<path id="Path_49" data-name="Path 49" d="M260.459,214.341a5.292,5.292,0,1,1-5.294-5.29A5.293,5.293,0,0,1,260.459,214.341Z" transform="translate(-234.973 -194.878)" fill="#fff"/>
</g>
<g id="Group_34" data-name="Group 34" transform="translate(480.158 411.059)">
<g id="Group_33" data-name="Group 33">
<path id="Path_50" data-name="Path 50" d="M271.924,244.268s8.482-4.131,7.975-9.933c-.313-3.62-4.279-3.345-6.491-2.08a3.143,3.143,0,0,1-3.467,0c-2.216-1.264-6.119-1.476-6.431,2.144C263.007,240.2,271.924,244.268,271.924,244.268Z" transform="translate(-252.262 -231.398)" fill="#c39500"/>
<path id="Path_51" data-name="Path 51" d="M275.054,244.676s.664-9.408-4.613-11.869c-3.294-1.539-5.036,2.034-5.049,4.584a3.155,3.155,0,0,1-1.734,3c-2.2,1.285-4.338,4.558-1.362,6.643C267.071,250.372,275.054,244.676,275.054,244.676Z" transform="translate(-260.834 -228.052)" fill="#c39500"/>
<path id="Path_52" data-name="Path 52" d="M275.03,239.216s-7.814-5.277-12.584-1.941c-2.977,2.08-.761,5.379,1.442,6.664a3.141,3.141,0,0,1,1.734,3c.013,2.55,1.78,6.034,5.074,4.5C275.968,248.975,275.03,239.216,275.03,239.216Z" transform="translate(-260.281 -215.996)" fill="#c39500"/>
<path id="Path_53" data-name="Path 53" d="M271.841,237.561s-8.482,4.127-7.975,9.928c.313,3.62,4.279,3.345,6.491,2.08a3.152,3.152,0,0,1,3.467,0c2.216,1.264,6.119,1.476,6.431-2.144C280.763,241.629,271.841,237.561,271.841,237.561Z" transform="translate(-251.114 -211.503)" fill="#c39500"/>
<path id="Path_54" data-name="Path 54" d="M267.044,239.271s-.664,9.408,4.613,11.873c3.294,1.535,5.036-2.034,5.049-4.584a3.16,3.16,0,0,1,1.734-3.006c2.2-1.285,4.338-4.558,1.357-6.639C275.027,233.579,267.044,239.271,267.044,239.271Z" transform="translate(-240.874 -216.972)" fill="#c39500"/>
<path id="Path_55" data-name="Path 55" d="M266.947,244.736s7.814,5.277,12.588,1.941c2.977-2.085.757-5.379-1.446-6.664a3.153,3.153,0,0,1-1.734-3c-.013-2.554-1.78-6.038-5.074-4.5C266.009,234.976,266.947,244.736,266.947,244.736Z" transform="translate(-241.306 -229.029)" fill="#c39500"/>
</g>
<path id="Path_56" data-name="Path 56" d="M291.269,247.107a14.55,14.55,0,1,1-14.55-14.546A14.552,14.552,0,0,1,291.269,247.107Z" transform="translate(-256.524 -227.645)" fill="#c39500"/>
<path id="Path_57" data-name="Path 57" d="M274.938,240.04a5.29,5.29,0,1,1-5.29-5.29A5.289,5.289,0,0,1,274.938,240.04Z" transform="translate(-249.454 -220.578)" fill="#fff"/>
</g>
<path id="Path_58" data-name="Path 58" d="M225.039,217.433s13.8,5.383,19.734-19.032c5.011-20.635,22.03-22.652,22.03-22.652S209.258,183.339,225.039,217.433Z" transform="translate(94.917 0)" fill="#2d9179"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

87
src/components/RoomCardInfo/images/flower2.svg
Unescape View File

@ -0,0 +1,87 @@
<svg xmlns="http://www.w3.org/2000/svg" width="338.357" height="190.298" viewBox="0 0 338.357 190.298">
<g id="Group_2120" data-name="Group 2120" transform="translate(-192.899 -175.749)" opacity="0.26">
<g id="Group_22" data-name="Group 22" transform="translate(192.899 205.617)">
<path id="Path_2" data-name="Path 2" d="M214.188,346.592a15.058,15.058,0,0,1-7.231-1.856c-12.867-7.016-17.6-23.016-11.264-38.04,5.034-11.927,13.716-20.374,25.107-24.433,14.769-5.26,33.643-3.072,50.494,5.854,2.145,1.136,4.632,2.5,7.509,4.09,31.061,17.107,103.8,57.172,159.474,26.171,29.154-16.235,47.4-57.522,28.092-93.107A71.315,71.315,0,0,0,394.4,188.818a44.9,44.9,0,0,0-38.367,50.506,28.257,28.257,0,0,0,31.781,24.143,17.646,17.646,0,0,0,15.076-19.846,10.883,10.883,0,0,0-12.239-9.3l-.275-2a12.905,12.905,0,0,1,14.508,11.02,19.661,19.661,0,0,1-16.8,22.112,30.272,30.272,0,0,1-34.05-25.864,46.915,46.915,0,0,1,40.088-52.772,73.336,73.336,0,0,1,74.015,37.486,68.612,68.612,0,0,1,4.647,54.676,73.712,73.712,0,0,1-33.525,41.149c-15.053,8.381-31.3,11.68-47.62,11.68-45.087,0-90.786-25.167-113.807-37.848-2.868-1.58-5.346-2.943-7.481-4.073-16.358-8.665-34.627-10.811-48.874-5.737-11,3.918-19.054,11.766-23.928,23.32-5.929,14.052-1.566,28.979,10.372,35.49a13.138,13.138,0,0,0,17.818-5.243,6.37,6.37,0,0,0-2.544-8.645,2.846,2.846,0,0,0-3.858,1.133l-1.767-.964a4.86,4.86,0,0,1,6.589-1.936,8.384,8.384,0,0,1,3.347,11.376,15.044,15.044,0,0,1-9.024,7.28A15.218,15.218,0,0,1,214.188,346.592Z" transform="translate(-192.899 -186.162)" fill="#2d9179"/>
</g>
<g id="Group_23" data-name="Group 23" transform="translate(322.087 186.706)">
<path id="Path_3" data-name="Path 3" d="M313.617,343.985a80.764,80.764,0,0,1-25.566-4.46c-13.714-4.741-32.22-15.575-42.5-40.249-12.136-29.125-9.649-60.534,6.649-84.014a79.017,79.017,0,0,1,31.953-26.7c14.049-6.571,30.169-9.566,47.9-8.9l-.075,2.011c-33.95-1.271-61.692,11.063-78.128,34.739-15.9,22.912-18.314,53.6-6.442,82.092,9.993,23.985,27.975,34.512,41.3,39.121a76.93,76.93,0,0,0,26.79,4.305l.123,2.011C315.507,343.945,314.8,343.985,313.617,343.985Z" transform="translate(-237.938 -179.569)" fill="#2d9179"/>
</g>
<g id="Group_24" data-name="Group 24" transform="translate(444.198 210.244)">
<path id="Path_4" data-name="Path 4" d="M281.471,313.3l-.961-1.77c10.874-5.909,33.488-30.5,29.845-65.074-2.237-21.272,3.215-39.514,14.964-50.05a32.631,32.631,0,0,1,29.369-7.833l-.427,1.968a30.657,30.657,0,0,0-27.6,7.366c-11.261,10.1-16.476,27.717-14.3,48.34C316.1,281.822,292.715,307.193,281.471,313.3Z" transform="translate(-280.51 -187.775)" fill="#2d9179"/>
</g>
<g id="Group_25" data-name="Group 25" transform="translate(408.436 247.09)">
<path id="Path_5" data-name="Path 5" d="M268.392,303.581l-.35-1.985a64.92,64.92,0,0,0,52.574-75.148c-1.483-8.407-6.577-16.249-13.292-20.466a20.028,20.028,0,0,0-16.441-2.6c-6.678,1.876-10.917,7.793-9.861,13.76l-1.982.35c-1.236-6.99,3.62-13.888,11.3-16.048a22.016,22.016,0,0,1,18.062,2.831c7.18,4.509,12.621,12.87,14.2,21.819A66.944,66.944,0,0,1,268.392,303.581Z" transform="translate(-268.042 -200.621)" fill="#2d9179"/>
</g>
<path id="Path_6" data-name="Path 6" d="M278.826,205.041s.407,6.285-10.249,5.553c-9-.62-12.007,6.024-12.007,6.024S267.035,194.271,278.826,205.041Z" transform="translate(118.962 49.246)" fill="#2d9179"/>
<path id="Path_7" data-name="Path 7" d="M242.334,217.29s5.493,4.036,8.685-6.155a15.267,15.267,0,0,1,10.188-10.372S236.585,202.389,242.334,217.29Z" transform="translate(90.736 46.735)" fill="#2d9179"/>
<path id="Path_8" data-name="Path 8" d="M268.25,181.221s-.84,6.242,9.841,6.242c9.027,0,11.568,6.832,11.568,6.832S280.75,171.283,268.25,181.221Z" transform="translate(140.754 5.571)" fill="#2d9179"/>
<path id="Path_9" data-name="Path 9" d="M329.472,192.817s-6.9,5.4-13.745,6.594S300.9,192.39,300.9,192.39s8.008-7.125,14.852-5.9S329.472,192.817,329.472,192.817Z" transform="translate(201.784 19.799)" fill="#c39500"/>
<path id="Path_10" data-name="Path 10" d="M275.927,221.276a18.729,18.729,0,0,1-4.271-6.373c-1.087-3.324,2.435-7.885,2.435-7.885s4.119,3.474,4,6.973A19.515,19.515,0,0,1,275.927,221.276Z" transform="translate(146.756 58.42)" fill="#c39500"/>
<path id="Path_11" data-name="Path 11" d="M307.046,195.7s-2.094,4.607-5.283,7.05-9.477.364-9.477.364,2.2-5.791,6.035-6.993A22.437,22.437,0,0,1,307.046,195.7Z" transform="translate(185.688 36.806)" fill="#2d9179"/>
<path id="Path_12" data-name="Path 12" d="M296.173,186.4s3.577,3.583,4.744,7.426-2.992,9-2.992,9-4.647-4.093-4.426-8.106A22.521,22.521,0,0,1,296.173,186.4Z" transform="translate(187.944 19.903)" fill="#2d9179"/>
<g id="Group_26" data-name="Group 26" transform="translate(400.602 218.534)">
<path id="Path_13" data-name="Path 13" d="M319.084,199.594c-.27-.175-27.226-17.133-53.239-.895l-.534-.855c26.561-16.579,54.043.726,54.318.9Z" transform="translate(-265.311 -190.665)" fill="#2d9179"/>
</g>
<path id="Path_14" data-name="Path 14" d="M277.082,193.322s-4.606-4.041-7.719,1.17c-2.065,3.462-6.614,4.48-8.4,3.238a9.15,9.15,0,0,0,6.959,3.634C273.844,201.5,278.252,196.492,277.082,193.322Z" transform="translate(127.16 30.041)" fill="#2d9179"/>
<path id="Path_15" data-name="Path 15" d="M244.323,197.214s4.9,5.077,8.969-.605c2.7-3.775,8.02-4.506,9.956-2.914a10.542,10.542,0,0,0-7.638-4.836C248.824,188.135,243.282,193.465,244.323,197.214Z" transform="translate(95.843 24.369)" fill="#2d9179"/>
<path id="Path_16" data-name="Path 16" d="M249.784,214.267s-5.88,3.892-8.625-2.533c-1.821-4.271-6.853-6.138-9.09-5a10.543,10.543,0,0,1,8.5-3.069C247.357,204.426,251.614,210.83,249.784,214.267Z" transform="translate(73.184 52.039)" fill="#2d9179"/>
<path id="Path_17" data-name="Path 17" d="M296.919,222.873s-6.614,2.455-7.825-4.423c-.806-4.575-5.281-7.535-7.716-6.936a10.531,10.531,0,0,1,8.978-1.056C296.79,212.739,299.48,219.942,296.919,222.873Z" transform="translate(165.31 63.772)" fill="#2d9179"/>
<path id="Path_18" data-name="Path 18" d="M271.917,224.737s-4.782,5.189,1.127,8.918c3.927,2.481,4.968,7.745,3.488,9.77a10.53,10.53,0,0,0,4.386-7.905C281.245,228.7,275.6,223.481,271.917,224.737Z" transform="translate(144.22 91.176)" fill="#2d9179"/>
<path id="Path_19" data-name="Path 19" d="M272.637,207.09s5.972-3.755,8.562,2.736c1.718,4.314,6.7,6.3,8.966,5.215a10.54,10.54,0,0,1-8.576,2.865C274.828,216.983,270.727,210.48,272.637,207.09Z" transform="translate(148.101 56.537)" fill="#c39500"/>
<path id="Path_20" data-name="Path 20" d="M280.516,206.3s-6.97-1.081-6.784,5.9c.126,4.644-3.666,8.441-6.173,8.338a10.538,10.538,0,0,0,9.01-.76C282.415,216.254,283.611,208.659,280.516,206.3Z" transform="translate(139.493 56.964)" fill="#c39500"/>
<path id="Path_21" data-name="Path 21" d="M289.566,232.527s-5.347.47-4.85-4.822c.33-3.517-2.358-6.589-4.265-6.64a8.016,8.016,0,0,1,6.8,1.033C291.51,225.066,292.032,230.892,289.566,232.527Z" transform="translate(163.576 84.027)" fill="#2d9179"/>
<path id="Path_22" data-name="Path 22" d="M256.3,230.687s-3.683,6.015-8.889,1.354c-3.453-3.1-8.8-2.665-10.346-.688a10.531,10.531,0,0,1,6.408-6.376C249.942,222.8,256.508,226.8,256.3,230.687Z" transform="translate(82.525 90.823)" fill="#2d9179"/>
<path id="Path_23" data-name="Path 23" d="M264.3,225.137s-.723-3.938,3.244-3.938c2.633,0,4.73-2.209,4.632-3.628a5.985,5.985,0,0,1-.292,5.123C269.972,226.06,265.684,226.855,264.3,225.137Z" transform="translate(133.303 78.136)" fill="#2d9179"/>
<path id="Path_24" data-name="Path 24" d="M276.365,191.217s2,3.468-1.741,4.8c-2.484.878-3.72,3.663-3.152,4.968a5.98,5.98,0,0,1-1.437-4.925C270.709,192.241,274.483,190.061,276.365,191.217Z" transform="translate(143.954 28.32)" fill="#2d9179"/>
<path id="Path_25" data-name="Path 25" d="M281.674,196.34s1.119-3.841-2.825-4.248c-2.622-.267-4.48-2.676-4.242-4.079a5.985,5.985,0,0,0-.229,5.123C275.934,196.684,280.119,197.909,281.674,196.34Z" transform="translate(151.338 22.913)" fill="#2d9179"/>
<path id="Path_26" data-name="Path 26" d="M255.884,244.994s5.636-4.245.493-8.978c-3.416-3.144-3.494-8.51-1.678-10.234a10.532,10.532,0,0,0-5.731,6.99C247.423,239.418,252.035,245.571,255.884,244.994Z" transform="translate(104.185 93.479)" fill="#2d9179"/>
<path id="Path_27" data-name="Path 27" d="M241.181,224.536s6.2.789,6.761-5.166c.376-3.955,4.214-7.268,6.468-7.231a10.21,10.21,0,0,0-8.235.823C240.513,216.083,238.628,222.585,241.181,224.536Z" transform="translate(88.12 67.043)" fill="#2d9179"/>
<path id="Path_28" data-name="Path 28" d="M257.938,218.711s-2.088,3.694,1.512,5.582c2.4,1.256,3.491,4.523,2.888,5.932a6.945,6.945,0,0,0,1.6-5.4C263.434,220.463,259.826,217.6,257.938,218.711Z" transform="translate(120.391 79.821)" fill="#2d9179"/>
<g id="Group_27" data-name="Group 27" transform="translate(328.349 252.251)">
<path id="Path_29" data-name="Path 29" d="M242.849,258.545c-.106-.35-10.289-35.06,9.385-56.125l.734.688c-19.284,20.643-9.259,54.8-9.156,55.144Z" transform="translate(-240.121 -202.42)" fill="#2d9179"/>
</g>
<g id="Group_28" data-name="Group 28" transform="translate(208.848 346.528)">
<path id="Path_30" data-name="Path 30" d="M200.054,241.863a9.715,9.715,0,0,1,.981-3.861c.906-1.575,3.892-1.8,3.892-1.8s.086,2.8-1.305,3.97A10.149,10.149,0,0,1,200.054,241.863Z" transform="translate(-195.479 -233.577)" fill="#c39500"/>
<path id="Path_31" data-name="Path 31" d="M203.371,235.971s3.522,1.007,1.913,4.257c-1.07,2.163-.109,4.779,1.1,5.278a5.48,5.48,0,0,1-4.085-2.323C200.307,240.251,201.4,236.407,203.371,235.971Z" transform="translate(-193.26 -234.012)" fill="#c39500"/>
<path id="Path_32" data-name="Path 32" d="M208.455,236.839s-2-3.069-4.632-.574c-1.75,1.661-4.532,1.512-5.364.508a5.475,5.475,0,0,0,3.419,3.218C205.268,241.027,208.619,238.853,208.455,236.839Z" transform="translate(-198.459 -235.288)" fill="#c39500"/>
</g>
<g id="Group_29" data-name="Group 29" transform="translate(270.563 196.189)">
<path id="Path_33" data-name="Path 33" d="M328.218,336.825a180.8,180.8,0,0,1-38.883-11.9c-19.227-8.312-44.927-23.71-58.176-49.843s-12.345-49.786-9.259-65.04c3.344-16.536,9.732-26.744,10-27.172l1.7,1.078c-.066.1-6.485,10.381-9.747,26.578-3.006,14.918-3.867,38.074,9.1,63.646s38.226,40.7,57.132,48.885a178.475,178.475,0,0,0,38.445,11.772Z" transform="translate(-219.975 -182.875)" fill="#2d9179"/>
</g>
<g id="Group_30" data-name="Group 30" transform="translate(353.55 241.457)">
<path id="Path_34" data-name="Path 34" d="M312.664,277.032c-3.706-10.771-12.265-12.939-22.172-15.449-9.506-2.407-20.279-5.137-29.38-15.83-18.607-21.865-10.426-46.846-10.34-47.1l1.428.485c-.08.241-7.977,24.435,10.059,45.633,8.792,10.326,19.315,12.994,28.6,15.346,10.332,2.616,19.258,4.879,23.231,16.421Z" transform="translate(-248.907 -198.657)" fill="#2d9179"/>
</g>
<path id="Path_35" data-name="Path 35" d="M221.55,197.466a10.7,10.7,0,0,1,9.569-4.475s-4.323,2.042-5.028,8.628-5.978,7.286-5.808,4.825S221.55,197.466,221.55,197.466Z" transform="translate(51.155 32.116)" fill="#2d9179"/>
<path id="Path_36" data-name="Path 36" d="M228.073,206.572c-3.511-2.427-7.3-4.259-11.829-3.012,0,0,4.736.631,7.409,6.692s7,2.831,7,2.831A6.482,6.482,0,0,0,228.073,206.572Z" transform="translate(43.617 51.209)" fill="#2d9179"/>
<path id="Path_37" data-name="Path 37" d="M224.507,219.608c1.38-4.042,3.336-7.767,7.719-9.463,0,0-3.431,3.327-1.979,9.79s-3.941,6.439-3.941,6.439A6.479,6.479,0,0,1,224.507,219.608Z" transform="translate(58.407 64.264)" fill="#2d9179"/>
<path id="Path_38" data-name="Path 38" d="M236.023,221.4c-4.165-.935-8.364-1.21-12.1,1.644,0,0,4.629-1.19,9.382,3.425s7.549,0,7.549,0A6.481,6.481,0,0,0,236.023,221.4Z" transform="translate(57.966 84.084)" fill="#2d9179"/>
<path id="Path_39" data-name="Path 39" d="M195.191,227.656s6.764.2,7.518,5.639-4.277,12.8,1.443,15.653C204.152,248.948,190.871,247.829,195.191,227.656Z" transform="translate(2.668 96.98)" fill="#2d9179"/>
<path id="Path_40" data-name="Path 40" d="M226,219.6s2.409,7.082-2.926,9.97-14.91.531-15.65,7.558C207.426,237.125,206.377,217.924,226,219.6Z" transform="translate(27.124 81.729)" fill="#2d9179"/>
<path id="Path_41" data-name="Path 41" d="M223.806,222.766s-1.222-6.657-6.709-6.583-12,6.161-15.69.938C201.407,217.121,209.048,232.745,223.806,222.766Z" transform="translate(15.896 75.544)" fill="#2d9179"/>
<g id="Group_32" data-name="Group 32" transform="translate(346.218 261.656)">
<g id="Group_31" data-name="Group 31">
<path id="Path_42" data-name="Path 42" d="M254.73,214.427s5.751-2.8,5.41-6.735c-.215-2.455-2.9-2.272-4.406-1.411a2.142,2.142,0,0,1-2.352,0c-1.5-.86-4.148-1-4.363,1.454C248.678,211.668,254.73,214.427,254.73,214.427Z" transform="translate(-241.391 -205.699)" fill="#c39500"/>
<path id="Path_43" data-name="Path 43" d="M255.995,215.041s.45-6.382-3.129-8.054c-2.232-1.041-3.416,1.38-3.422,3.109a2.138,2.138,0,0,1-1.176,2.037c-1.5.875-2.943,3.092-.924,4.506C250.579,218.9,255.995,215.041,255.995,215.041Z" transform="translate(-246.351 -203.763)" fill="#c39500"/>
<path id="Path_44" data-name="Path 44" d="M256.037,212.536s-5.3-3.58-8.539-1.317c-2.019,1.411-.513,3.649.981,4.52a2.135,2.135,0,0,1,1.176,2.036c.009,1.732,1.208,4.093,3.439,3.052C256.674,219.156,256.037,212.536,256.037,212.536Z" transform="translate(-246.032 -196.786)" fill="#c39500"/>
<path id="Path_45" data-name="Path 45" d="M254.785,211.861s-5.751,2.8-5.41,6.735c.215,2.455,2.9,2.272,4.406,1.411a2.143,2.143,0,0,1,2.352,0c1.5.861,4.148,1,4.363-1.451C260.837,214.62,254.785,211.861,254.785,211.861Z" transform="translate(-240.727 -194.186)" fill="#c39500"/>
<path id="Path_46" data-name="Path 46" d="M252.552,212.476s-.45,6.385,3.129,8.054c2.232,1.044,3.416-1.38,3.422-3.109a2.139,2.139,0,0,1,1.179-2.037c1.494-.872,2.94-3.092.921-4.506C257.967,208.615,252.552,212.476,252.552,212.476Z" transform="translate(-234.799 -197.351)" fill="#c39500"/>
<path id="Path_47" data-name="Path 47" d="M252.443,214.981s5.3,3.58,8.539,1.317c2.019-1.411.513-3.648-.981-4.52a2.135,2.135,0,0,1-1.176-2.037c-.009-1.73-1.208-4.093-3.439-3.052C251.806,208.361,252.443,214.981,252.443,214.981Z" transform="translate(-235.051 -204.328)" fill="#c39500"/>
</g>
<path id="Path_48" data-name="Path 48" d="M267.423,216.731a9.869,9.869,0,1,1-9.87-9.87A9.867,9.867,0,0,1,267.423,216.731Z" transform="translate(-243.856 -203.528)" fill="#c39500"/>
<path id="Path_49" data-name="Path 49" d="M257.054,212.639a3.59,3.59,0,1,1-3.591-3.588A3.59,3.59,0,0,1,257.054,212.639Z" transform="translate(-239.766 -199.437)" fill="#fff"/>
</g>
<g id="Group_34" data-name="Group 34" transform="translate(387.761 335.371)">
<g id="Group_33" data-name="Group 33">
<path id="Path_50" data-name="Path 50" d="M269.211,240.128s5.754-2.8,5.41-6.738c-.212-2.455-2.9-2.269-4.4-1.411a2.132,2.132,0,0,1-2.352,0c-1.5-.858-4.151-1-4.363,1.454C263.162,237.369,269.211,240.128,269.211,240.128Z" transform="translate(-255.873 -231.398)" fill="#c39500"/>
<path id="Path_51" data-name="Path 51" d="M270.48,240.739s.45-6.382-3.129-8.051c-2.234-1.044-3.416,1.38-3.425,3.109a2.14,2.14,0,0,1-1.176,2.037c-1.494.872-2.943,3.092-.924,4.506C265.065,244.6,270.48,240.739,270.48,240.739Z" transform="translate(-260.834 -229.462)" fill="#c39500"/>
<path id="Path_52" data-name="Path 52" d="M270.519,238.236s-5.3-3.58-8.536-1.316c-2.019,1.411-.516,3.648.978,4.52a2.131,2.131,0,0,1,1.176,2.037c.009,1.73,1.208,4.093,3.442,3.052C271.155,244.856,270.519,238.236,270.519,238.236Z" transform="translate(-260.514 -222.485)" fill="#c39500"/>
<path id="Path_53" data-name="Path 53" d="M269.269,237.561s-5.754,2.8-5.41,6.735c.212,2.455,2.9,2.269,4.4,1.411a2.138,2.138,0,0,1,2.352,0c1.5.858,4.151,1,4.363-1.454C275.322,240.32,269.269,237.561,269.269,237.561Z" transform="translate(-255.209 -219.885)" fill="#c39500"/>
<path id="Path_54" data-name="Path 54" d="M267.035,238.176s-.45,6.382,3.129,8.054c2.234,1.041,3.416-1.38,3.425-3.109a2.143,2.143,0,0,1,1.176-2.039c1.494-.872,2.943-3.092.921-4.5C272.45,234.315,267.035,238.176,267.035,238.176Z" transform="translate(-249.283 -223.05)" fill="#c39500"/>
<path id="Path_55" data-name="Path 55" d="M266.927,240.682s5.3,3.58,8.539,1.317c2.019-1.414.513-3.649-.981-4.521a2.139,2.139,0,0,1-1.176-2.036c-.009-1.732-1.208-4.1-3.442-3.052C266.29,234.061,266.927,240.682,266.927,240.682Z" transform="translate(-249.533 -230.027)" fill="#c39500"/>
</g>
<path id="Path_56" data-name="Path 56" d="M281.909,242.428a9.87,9.87,0,1,1-9.87-9.867A9.872,9.872,0,0,1,281.909,242.428Z" transform="translate(-258.34 -229.227)" fill="#c39500"/>
<path id="Path_57" data-name="Path 57" d="M271.536,238.338a3.588,3.588,0,1,1-3.588-3.588A3.588,3.588,0,0,1,271.536,238.338Z" transform="translate(-254.248 -225.137)" fill="#fff"/>
</g>
<path id="Path_58" data-name="Path 58" d="M224.157,204.025s9.362,3.651,13.387-12.91c3.4-14,14.944-15.366,14.944-15.366S213.453,180.9,224.157,204.025Z" transform="translate(54.93)" fill="#2d9179"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

8
src/components/RoomCardInfo/images/qr-code.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 79 KiB

34
src/components/RoomCardInfo/index.js
Unescape View File

@ -0,0 +1,34 @@
import React from "react";
import qrCode from "./images/qr-code.svg";
import flower2 from "./images/flower2.svg";
const RoomCardInfo = ({ items }) => {
return (
<div className="max-w-[555px] flex flex-row items-center justify-between rounded-md border bg-white border-gray-200 p-4 mx-auto mt-10">
{items.map((item, index) => (
<div key={index}>
<p>{item.name}</p>
</div>
))}
<img src={qrCode} alt="qr-code" />
</div>
);
};
export default RoomCardInfo;
RoomCardInfo.defaultProps = {
items: [
{
name: "کامران هوشمند",
subItems: [
{
enterData: "1400/11/13",
expireData: "1400/11/20",
roomNumber: "B14 سالن شهید عباسی",
},
],
},
],
};
Write Preview
Loading…
Cancel
Save