From a22a4b6e74efee1961ce9df03dea03333182e62c Mon Sep 17 00:00:00 2001
From: Fred KISSIE <fredkiss3@gmail.com>
Date: Wed, 11 Mar 2026 03:47:15 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20mark=20forms=20as=20readon?=
 =?UTF-8?q?ly?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../EditPolicyAuthMethodsSectionForm.tsx      |  6 +++-
 .../EditPolicyOtpEmailSectionForm.tsx         |  6 +++-
 .../EditPolicyRulesSectionForm.tsx            | 34 +++++++++++++++----
 3 files changed, 38 insertions(+), 8 deletions(-)

diff --git a/src/components/resource-policy/EditPolicyAuthMethodsSectionForm.tsx b/src/components/resource-policy/EditPolicyAuthMethodsSectionForm.tsx
index f739a737b..034a1ca78 100644
--- a/src/components/resource-policy/EditPolicyAuthMethodsSectionForm.tsx
+++ b/src/components/resource-policy/EditPolicyAuthMethodsSectionForm.tsx
@@ -242,7 +242,7 @@ export function EditPolicyAuthMethodsSectionForm({
                     </SettingsSectionDescription>
                 </SettingsSectionHeader>
                 <SettingsSectionBody>
-                    {!readonly && (
+                    {!readonly ? (
                         <Button
                             type="button"
                             variant="outline"
@@ -251,6 +251,10 @@ export function EditPolicyAuthMethodsSectionForm({
                             <Plus className="mr-2 h-4 w-4" />
                             {t("resourcePolicyAuthMethodAdd")}
                         </Button>
+                    ) : (
+                        <div className="text-muted-foreground flex items-center h-full size-full bg-muted rounded-md px-8 py-6 border-dashed text-sm">
+                            <p>{t("resourcePolicyAuthMethodsEmpty")}</p>
+                        </div>
                     )}
                 </SettingsSectionBody>
             </SettingsSection>
diff --git a/src/components/resource-policy/EditPolicyOtpEmailSectionForm.tsx b/src/components/resource-policy/EditPolicyOtpEmailSectionForm.tsx
index cb9b92a6b..af6edd2ce 100644
--- a/src/components/resource-policy/EditPolicyOtpEmailSectionForm.tsx
+++ b/src/components/resource-policy/EditPolicyOtpEmailSectionForm.tsx
@@ -144,7 +144,7 @@ export function EditPolicyOtpEmailSectionForm({
                     </SettingsSectionDescription>
                 </SettingsSectionHeader>
                 <SettingsSectionBody>
-                    {!readonly && (
+                    {!readonly ? (
                         <Button
                             type="button"
                             variant="outline"
@@ -153,6 +153,10 @@ export function EditPolicyOtpEmailSectionForm({
                             <Plus className="mr-2 h-4 w-4" />
                             {t("resourcePolicyOtpEmailAdd")}
                         </Button>
+                    ) : (
+                        <div className="text-muted-foreground flex items-center h-full size-full bg-muted rounded-md px-8 py-6 border-dashed text-sm">
+                            <p>{t("resourcePolicyOtpEmpty")}</p>
+                        </div>
                     )}
                 </SettingsSectionBody>
             </SettingsSection>
diff --git a/src/components/resource-policy/EditPolicyRulesSectionForm.tsx b/src/components/resource-policy/EditPolicyRulesSectionForm.tsx
index e034f0d59..48e0ef605 100644
--- a/src/components/resource-policy/EditPolicyRulesSectionForm.tsx
+++ b/src/components/resource-policy/EditPolicyRulesSectionForm.tsx
@@ -701,7 +701,7 @@ export function EditPolicyRulesSectionForm({
                     </SettingsSectionDescription>
                 </SettingsSectionHeader>
                 <SettingsSectionBody>
-                    {!readonly && (
+                    {!readonly ? (
                         <Button
                             type="button"
                             variant="outline"
@@ -710,6 +710,10 @@ export function EditPolicyRulesSectionForm({
                             <Plus className="mr-2 h-4 w-4" />
                             {t("resourcePolicyRulesAdd")}
                         </Button>
+                    ) : (
+                        <div className="text-muted-foreground flex items-center h-full size-full bg-muted rounded-md px-8 py-6 border-dashed text-sm">
+                            <p>{t("resourcePolicyRulesEmpty")}</p>
+                        </div>
                     )}
                 </SettingsSectionBody>
             </SettingsSection>
@@ -757,7 +761,10 @@ export function EditPolicyRulesSectionForm({
                                             <FormControl>
                                                 <Select
                                                     value={field.value}
-                                                    disabled={readonly || !rulesEnabled}
+                                                    disabled={
+                                                        readonly ||
+                                                        !rulesEnabled
+                                                    }
                                                     onValueChange={
                                                         field.onChange
                                                     }
@@ -793,7 +800,10 @@ export function EditPolicyRulesSectionForm({
                                             <FormControl>
                                                 <Select
                                                     value={field.value}
-                                                    disabled={readonly || !rulesEnabled}
+                                                    disabled={
+                                                        readonly ||
+                                                        !rulesEnabled
+                                                    }
                                                     onValueChange={
                                                         field.onChange
                                                     }
@@ -860,7 +870,10 @@ export function EditPolicyRulesSectionForm({
                                                             <Button
                                                                 variant="outline"
                                                                 role="combobox"
-                                                                disabled={readonly || !rulesEnabled}
+                                                                disabled={
+                                                                    readonly ||
+                                                                    !rulesEnabled
+                                                                }
                                                                 aria-expanded={
                                                                     openAddRuleCountrySelect
                                                                 }
@@ -950,7 +963,10 @@ export function EditPolicyRulesSectionForm({
                                                             <Button
                                                                 variant="outline"
                                                                 role="combobox"
-                                                                disabled={readonly || !rulesEnabled}
+                                                                disabled={
+                                                                    readonly ||
+                                                                    !rulesEnabled
+                                                                }
                                                                 aria-expanded={
                                                                     openAddRuleAsnSelect
                                                                 }
@@ -1063,7 +1079,13 @@ export function EditPolicyRulesSectionForm({
                                                         </PopoverContent>
                                                     </Popover>
                                                 ) : (
-                                                    <Input {...field} disabled={readonly || !rulesEnabled} />
+                                                    <Input
+                                                        {...field}
+                                                        disabled={
+                                                            readonly ||
+                                                            !rulesEnabled
+                                                        }
+                                                    />
                                                 )}
                                             </FormControl>
                                             <FormMessage />