public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bad UX when user wants to set the default Event Type Title #2245 (#2760) 

Co-authored-by: gitstart <gitstart@users.noreply.github.com>
pull/2669/head^2
GitStart 2022-05-16 15:44:19 +00:00 committed by GitHub
parent 549e38fb78
commit 84f19bb4df
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/pages/event-types/[type].tsx
View File

@ -914,7 +914,9 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
<h1 <h1
style={{ fontSize: 22, letterSpacing: "-0.0009em" }} style={{ fontSize: 22, letterSpacing: "-0.0009em" }}
className="inline pl-0 text-gray-900 focus:text-black group-hover:text-gray-500"> className="inline pl-0 text-gray-900 focus:text-black group-hover:text-gray-500">
{eventType.title} {formMethods.getValues("title") && formMethods.getValues("title") !== ""
? formMethods.getValues("title")
: eventType.title}
</h1> </h1>
<PencilIcon className="ml-1 -mt-1 inline h-4 w-4 text-gray-700 group-hover:text-gray-500" /> <PencilIcon className="ml-1 -mt-1 inline h-4 w-4 text-gray-700 group-hover:text-gray-500" />
</> </>
@ -929,6 +931,10 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
placeholder={t("quick_chat")} placeholder={t("quick_chat")}
{...formMethods.register("title")} {...formMethods.register("title")}
defaultValue={eventType.title} defaultValue={eventType.title}
onBlur={() => {
setEditIcon(true);
formMethods.getValues("title") === "" && formMethods.setValue("title", eventType.title);
}}
/> />
</div> </div>
)} )}