github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: auth email input one password extenction improvement

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2024-06-12 20:23:26 +05:30
parent 34e1be7ba0
commit d8067162ec
6 changed files with 24 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
space/components/account/auth-forms/email.tsx
View File

@ -66,9 +66,10 @@ export const AuthEmailForm: FC<TAuthEmailForm> = observer((props) => {
autoFocus autoFocus
/> />
{email.length > 0 && ( {email.length > 0 && (
<div className="flex-shrink-0 h-5 w-5 mr-2 bg-onboarding-background-200 hover:cursor-pointer"> <XCircle
<XCircle className="h-5 w-5 stroke-custom-text-400" onClick={() => setEmail("")} /> className="absolute right-3 h-5 w-5 stroke-custom-text-400 hover:cursor-pointer"
</div> onClick={() => setEmail("")}
/>
)} )}
</div> </div>
{emailError?.email && !isFocused && ( {emailError?.email && !isFocused && (

7
space/components/account/auth-forms/password.tsx
View File

@ -117,9 +117,10 @@ export const AuthPasswordForm: React.FC<Props> = observer((props: Props) => {
disabled disabled
/> />
{passwordFormData.email.length > 0 && ( {passwordFormData.email.length > 0 && (
<div className="flex-shrink-0 h-5 w-5 mr-2 bg-onboarding-background-200 hover:cursor-pointer"> <XCircle
<XCircle className="h-5 w-5 stroke-custom-text-400" onClick={handleEmailClear} /> className="absolute right-3 h-5 w-5 stroke-custom-text-400 hover:cursor-pointer"
</div> onClick={handleEmailClear}
/>
)} )}
</div> </div>
</div> </div>

7
space/components/account/auth-forms/unique-code.tsx
View File

@ -101,9 +101,10 @@ export const AuthUniqueCodeForm: React.FC<TAuthUniqueCodeForm> = (props) => {
disabled disabled
/> />
{uniqueCodeFormData.email.length > 0 && ( {uniqueCodeFormData.email.length > 0 && (
<div className="flex-shrink-0 h-5 w-5 mr-2 bg-onboarding-background-200 hover:cursor-pointer"> <XCircle
<XCircle className="h-5 w-5 stroke-custom-text-400" onClick={handleEmailClear} /> className="absolute right-3 h-5 w-5 stroke-custom-text-400 hover:cursor-pointer"
</div> onClick={handleEmailClear}
/>
)} )}
</div> </div>
</div> </div>

7
web/core/components/account/auth-forms/email.tsx
View File

@ -66,9 +66,10 @@ export const AuthEmailForm: FC<TAuthEmailForm> = observer((props) => {
autoFocus autoFocus
/> />
{email.length > 0 && ( {email.length > 0 && (
<div className="flex-shrink-0 h-5 w-5 mr-2 bg-onboarding-background-200 hover:cursor-pointer"> <XCircle
<XCircle className="h-5 w-5 stroke-custom-text-400" onClick={() => setEmail("")} /> className="absolute right-3 h-5 w-5 stroke-custom-text-400 hover:cursor-pointer"
</div> onClick={() => setEmail("")}
/>
)} )}
</div> </div>
{emailError?.email && !isFocused && ( {emailError?.email && !isFocused && (

7
web/core/components/account/auth-forms/password.tsx
View File

@ -140,9 +140,10 @@ export const AuthPasswordForm: React.FC<Props> = observer((props: Props) => {
disabled disabled
/> />
{passwordFormData.email.length > 0 && ( {passwordFormData.email.length > 0 && (
<div className="flex-shrink-0 h-5 w-5 mr-2 bg-onboarding-background-200 hover:cursor-pointer"> <XCircle
<XCircle className="h-5 w-5 stroke-custom-text-400" onClick={handleEmailClear} /> className="absolute right-3 h-5 w-5 stroke-custom-text-400 hover:cursor-pointer"
</div> onClick={handleEmailClear}
/>
)} )}
</div> </div>
</div> </div>

7
web/core/components/account/auth-forms/unique-code.tsx
View File

@ -100,9 +100,10 @@ export const AuthUniqueCodeForm: React.FC<TAuthUniqueCodeForm> = (props) => {
disabled disabled
/> />
{uniqueCodeFormData.email.length > 0 && ( {uniqueCodeFormData.email.length > 0 && (
<div className="flex-shrink-0 h-5 w-5 mr-2 bg-onboarding-background-200 hover:cursor-pointer"> <XCircle
<XCircle className="h-5 w-5 stroke-custom-text-400" onClick={handleEmailClear} /> className="absolute right-3 h-5 w-5 stroke-custom-text-400 hover:cursor-pointer"
</div> onClick={handleEmailClear}
/>
)} )}
</div> </div>
</div> </div>