thedevs-network/kutt-extension
1
0
Fork 0
mirror of https://github.com/thedevs-network/kutt-extension.git synced 2026-02-03 05:43:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: disable inputs and select menu when submission is in progress

Browse Source
This commit is contained in:
abhijithvijayan
2021-06-24 17:05:38 +05:30
parent cab383a081
commit 6e689f274c
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
source/Popup/Form.tsx
View File

@@ -212,6 +212,7 @@ const Form: React.FC = () => {
<div tw="relative">
<select
{...selectProps('domain')}
disabled={isSubmitting}
css={[
tw`sm:text-base focus:border-indigo-400 focus:outline-none relative w-full px-2 py-2 text-sm placeholder-gray-400 bg-gray-200 border rounded`,
]}
@@ -248,6 +249,7 @@ const Form: React.FC = () => {
// NOTE: overriding onChange to show errors
handleCustomUrlInputChange(value.trim());
}}
disabled={isSubmitting}
spellCheck="false"
css={[
tw`focus:outline-none sm:text-base focus:border-indigo-400 w-full px-2 py-2 text-sm placeholder-gray-400 bg-gray-200 border rounded`,
@@ -286,7 +288,11 @@ const Form: React.FC = () => {
]}
>
<Icon
onClick={(): void => setShowPassword(!showPassword)}
onClick={(): void => {
if (!isSubmitting) {
setShowPassword(!showPassword);
}
}}
name={!showPassword ? 'eye-closed' : 'eye'}
css={[
tw`z-10 flex items-center justify-center w-full h-full rounded-tl rounded-bl cursor-pointer`,
@@ -308,6 +314,7 @@ const Form: React.FC = () => {
// NOTE: overriding onChange to show errors
handlePasswordInputChange(value);
}}
disabled={isSubmitting}
css={[
tw`focus:outline-none sm:text-base focus:border-indigo-400 w-full px-2 py-2 text-sm placeholder-gray-400 bg-gray-200 border rounded`,