[WEB-784] chore: create workspace fields as required indication (#4003)

* chore: create workspace fields as required indication

* style: gap between asterisk & text
This commit is contained in:
Lakhan Baheti 2024-03-20 19:22:02 +05:30 committed by GitHub
parent 7142889c23
commit 4eefc7f692
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -121,7 +121,10 @@ export const CreateWorkspaceForm: FC<Props> = observer((props) => {
<form className="space-y-6 sm:space-y-9" onSubmit={handleSubmit(handleCreateWorkspace)}> <form className="space-y-6 sm:space-y-9" onSubmit={handleSubmit(handleCreateWorkspace)}>
<div className="space-y-6 sm:space-y-7"> <div className="space-y-6 sm:space-y-7">
<div className="space-y-1 text-sm"> <div className="space-y-1 text-sm">
<label htmlFor="workspaceName">Workspace Name</label> <label htmlFor="workspaceName">
Workspace Name
<span className="ml-0.5 text-red-500">*</span>
</label>
<Controller <Controller
control={control} control={control}
name="name" name="name"
@ -153,7 +156,10 @@ export const CreateWorkspaceForm: FC<Props> = observer((props) => {
/> />
</div> </div>
<div className="space-y-1 text-sm"> <div className="space-y-1 text-sm">
<label htmlFor="workspaceUrl">Workspace URL</label> <label htmlFor="workspaceUrl">
Workspace URL
<span className="ml-0.5 text-red-500">*</span>
</label>
<div className="flex w-full items-center rounded-md border-[0.5px] border-custom-border-200 px-3"> <div className="flex w-full items-center rounded-md border-[0.5px] border-custom-border-200 px-3">
<span className="whitespace-nowrap text-sm text-custom-text-200">{window && window.location.host}/</span> <span className="whitespace-nowrap text-sm text-custom-text-200">{window && window.location.host}/</span>
<Controller <Controller
@ -185,7 +191,9 @@ export const CreateWorkspaceForm: FC<Props> = observer((props) => {
)} )}
</div> </div>
<div className="space-y-1 text-sm"> <div className="space-y-1 text-sm">
<span>What size is your organization?</span> <span>
What size is your organization?<span className="ml-0.5 text-red-500">*</span>
</span>
<div className="w-full"> <div className="w-full">
<Controller <Controller
name="organization_size" name="organization_size"