fix: Input fields max character limit

limanmys · Oct 30, 2023 · 0d5777d · 0d5777d
1 parent a6af7e9
commit 0d5777d
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 4 deletions.
diff --git a/src/components/settings/extension-actions.tsx b/src/components/settings/extension-actions.tsx
@@ -172,7 +172,11 @@ function License({
           <Label htmlFor="license">
             {t("extensions.actions.license.form.license")}
           </Label>
-          <Textarea id="license" onChange={(e) => setData(e.target.value)} />
+          <Textarea
+            id="license"
+            onChange={(e) => setData(e.target.value)}
+            maxLength={750}
+          />
         </div>
 
         <div className="mt-6 flex justify-end">

diff --git a/src/components/settings/subscription-card.tsx b/src/components/settings/subscription-card.tsx
@@ -363,7 +363,11 @@ function License({
           <Label htmlFor="license">
             {t("subscriptions.license_dialog.license")}
           </Label>
-          <Textarea id="license" onChange={(e) => setData(e.target.value)} />
+          <Textarea
+            id="license"
+            onChange={(e) => setData(e.target.value)}
+            maxLength={750}
+          />
         </div>
 
         <div className="mt-6 flex justify-end">

diff --git a/src/components/settings/vault-actions.tsx b/src/components/settings/vault-actions.tsx
@@ -201,7 +201,11 @@ function EditVaultKey({
 
         <div className="mt-3 grid w-full items-center gap-1.5">
           <Label htmlFor="license">{t("vault.actions.edit.data")}</Label>
-          <Textarea id="license" onChange={(e) => setData(e.target.value)} />
+          <Textarea
+            id="license"
+            onChange={(e) => setData(e.target.value)}
+            maxLength={750}
+          />
         </div>
 
         <div className="mt-6 flex justify-end">

diff --git a/src/pages/settings/subscriptions/index.tsx b/src/pages/settings/subscriptions/index.tsx
@@ -275,7 +275,11 @@ function LimanLicense({
           <Label htmlFor="license">
             {t("subscriptions.license_dialog.license")}
           </Label>
-          <Textarea id="license" onChange={(e) => setData(e.target.value)} />
+          <Textarea
+            id="license"
+            onChange={(e) => setData(e.target.value)}
+            maxLength={750}
+          />
         </div>
 
         <div className="mt-6 flex justify-end">