diff --git a/src/components/resource-policy/PolicyAccessRulesTable.tsx b/src/components/resource-policy/PolicyAccessRulesTable.tsx
index a701b92ff..b8445a44c 100644
--- a/src/components/resource-policy/PolicyAccessRulesTable.tsx
+++ b/src/components/resource-policy/PolicyAccessRulesTable.tsx
@@ -74,6 +74,7 @@ import {
sortPolicyRulesForResourceOverlay,
type PolicyAccessRule
} from "./policy-access-rule-utils";
+import { countryCodeToFlagEmoji } from "@app/lib/countryCodeToFlagEmoji";
export type PolicyAccessRulesTableProps = {
rules: PolicyAccessRule[];
@@ -490,8 +491,17 @@ export function PolicyAccessRulesTable({
{
accessorKey: "value",
header: () => {t("value")},
- cell: ({ row }) =>
- row.original.match === "COUNTRY" ? (
+ cell: ({ row }) => {
+ let selectedCountry: (typeof COUNTRIES)[number] | undefined;
+ if (
+ row.original.match === "COUNTRY" &&
+ row.original.value
+ ) {
+ selectedCountry = COUNTRIES.find(
+ (c) => c.code === row.original.value
+ );
+ }
+ return row.original.match === "COUNTRY" ? (
@@ -540,6 +557,13 @@ export function PolicyAccessRulesTable({
+
+ {country.code === "ALL"
+ ? "🌍"
+ : countryCodeToFlagEmoji(
+ country.code
+ )}
+
{country.name} (
{country.code})
@@ -767,7 +791,8 @@ export function PolicyAccessRulesTable({
});
}}
/>
- )
+ );
+ }
},
{
accessorKey: "enabled",