Skip to content

Commit

Permalink
Update ValidationPropertyDetails.tsx
Browse files Browse the repository at this point in the history
  • Loading branch information
@KyngKai909
KyngKai909 authored Apr 5, 2024
1 parent 9887def commit 01e5de6
Showing 1 changed file with 17 additions and 17 deletions.
34 changes: 17 additions & 17 deletions packages/nextjs/components/ValidationPropertyDetails.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,12 +59,12 @@ const PropertyDetails = ({
{/* First col */}
<div className="flex flex-col flex-grow gap-4">
<div className="flex flex-row gap-2 items-center">
<div className="text-[3vw] sm:text-sm text-zinc-400 font-normal w-3/4">Bed / Bath: </div>
<div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Bed / Bath: </div>
<div className="">
{viewMode ? (
<>
<TextInput
className="input-sm text-[3vw] sm:text-sm"
className="text-[3.6vw] sm:text-sm"
name="propertyBedrooms"
value={`${propertyDetail.propertyBedrooms ?? 0} Bed / ${
propertyDetail.propertyBathrooms ?? 0
Expand All @@ -77,14 +77,14 @@ const PropertyDetails = ({
) : (
<div className="flex flex-col">
<TextInput
className="input-sm text-[3vw] sm:text-sm"
className="text-[3.6vw] sm:text-sm"
name="propertyBedrooms"
value={propertyDetail.propertyBedrooms}
placeholder="0"
onChange={handleChange}
></TextInput>
<TextInput
className="input-sm text-[3vw] sm:text-sm"
className="text-[3.6vw] sm:text-sm"
name="propertyBathrooms"
value={propertyDetail.propertyBathrooms}
placeholder="0"
Expand All @@ -95,19 +95,19 @@ const PropertyDetails = ({
</div>
</div>
<div className="flex flex-row gap-2 items-center">
<div className="text-[3vw] sm:text-sm text-zinc-400 font-normal w-3/4">Lot size:</div>
<div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Lot size:</div>
<TextInput
className="input-sm text-[3vw] sm:text-sm"
className="text-[3.6vw] sm:text-sm"
name="propertySize"
value={propertyDetail.propertySize}
readOnly={viewMode}
onChange={handleChange}
></TextInput>
</div>
<div className="flex flex-row gap-2 items-center">
<div className="text-[3vw] sm:text-sm text-zinc-400 font-normal w-3/4">Square footage:</div>
<div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Square footage:</div>
<TextInput
className="input-sm text-[3vw] sm:text-sm"
className="text-[3.6vw] sm:text-sm"
name="propertySquareFootage"
value={propertyDetail.propertySquareFootage}
readOnly={viewMode}
Expand All @@ -117,29 +117,29 @@ const PropertyDetails = ({
</div>
<div className="flex flex-col flex-grow">
<div className="flex flex-row gap-2 items-center">
<div className="text-[3vw] sm:text-sm text-zinc-400 font-normal w-3/4">Build Year:</div>
<div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Build Year:</div>
<TextInput
className="input-sm text-[3vw] sm:text-sm"
className="text-[3.6vw] sm:text-sm"
name="propertyBuildYear"
value={propertyDetail.propertyBuildYear}
readOnly={viewMode}
onChange={handleChange}
></TextInput>
</div>
<div className="flex flex-row gap-2 items-center">
<div className="text-[3vw] sm:text-sm text-zinc-400 font-normal w-3/4">Location:</div>
<div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Location:</div>
<TextInput
className="input-sm text-[3vw] sm:text-sm"
className="text-[3.6vw] sm:text-sm"
name="propertyCity"
value={propertyDetail.propertyCity}
readOnly={viewMode}
onChange={handleChange}
></TextInput>
</div>
<div className="flex flex-row gap-2 items-center">
<div className="text-[3vw] sm:text-sm text-zinc-400 font-normal w-3/4">Property Type:</div>
<div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Property Type:</div>
<TextInput
className="input-sm text-[3vw] sm:text-sm"
className="text-[3.6vw] sm:text-sm"
name="propertyHouseType"
value={propertyDetail.propertyHouseType}
readOnly={viewMode}
Expand All @@ -153,7 +153,7 @@ const PropertyDetails = ({
<svg
width="14"
height="14"
viewBox="0 0 16 16"
viewBox="0 0 18 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
Expand All @@ -178,7 +178,7 @@ const PropertyDetails = ({
<svg
width="14"
height="14"
viewBox="0 0 16 16"
viewBox="0 0 18 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
Expand Down Expand Up @@ -233,7 +233,7 @@ const PropertyDetails = ({
<svg
width="14"
height="14"
viewBox="0 0 16 16"
viewBox="0 0 18 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
Expand Down

0 comments on commit 01e5de6

Please sign in to comment.