fix: make * show only when required

This commit is contained in:
Midka
2022-10-20 15:00:27 +03:00
parent ef70561e22
commit 9f50027d53
2 changed files with 10 additions and 6 deletions

View File

@@ -49,9 +49,11 @@ const NumberQuestionComponent = (props: Props) => {
placeholder="Your Question"
onChange={onInputChange("label")}
/>
<div className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-red-500">
*
</div>
{data.required && (
<div className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-red-500">
*
</div>
)}
</div>
<input
type="text"

View File

@@ -50,9 +50,11 @@ const WebsiteQuestionComponent = (props: Props) => {
placeholder="Your Question"
onChange={onInputChange("label")}
/>
<div className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-red-500">
*
</div>
{data.required && (
<div className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-red-500">
*
</div>
)}
</div>
<div className="relative mt-1 max-w-sm rounded-md shadow-sm">
<div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">