feat: ✨ add ContactEmbedNotice component

src/app/(payload)/admin/importMap.js

@@ -21,6 +21,7 @@ import { StrikethroughFeatureClient as StrikethroughFeatureClient_19 } from '@pa
 import { UnderlineFeatureClient as UnderlineFeatureClient_20 } from '@payloadcms/richtext-lexical/client'
 import { BoldFeatureClient as BoldFeatureClient_21 } from '@payloadcms/richtext-lexical/client'
 import { ItalicFeatureClient as ItalicFeatureClient_22 } from '@payloadcms/richtext-lexical/client'
+import { ContactEmbedNotice as ContactEmbedNotice_23 } from 'src/globals/ContactEmbedNotice.tsx'
 
 export const importMap = {
   "@payloadcms/richtext-lexical/client#RichTextCell": RichTextCell_0,
@@ -45,5 +46,6 @@ export const importMap = {
   "@payloadcms/richtext-lexical/client#StrikethroughFeatureClient": StrikethroughFeatureClient_19,
   "@payloadcms/richtext-lexical/client#UnderlineFeatureClient": UnderlineFeatureClient_20,
   "@payloadcms/richtext-lexical/client#BoldFeatureClient": BoldFeatureClient_21,
-  "@payloadcms/richtext-lexical/client#ItalicFeatureClient": ItalicFeatureClient_22
+  "@payloadcms/richtext-lexical/client#ItalicFeatureClient": ItalicFeatureClient_22,
+  "/globals/ContactEmbedNotice.tsx#ContactEmbedNotice": ContactEmbedNotice_23
 }

src/globals/Contact.tsx

@@ -52,6 +52,15 @@ export const Contact: GlobalConfig = {
           name: "embeddedMaps",
           type: "code",
         },
+        {
+          name: "embeddedMapsNotice",
+          type: "ui",
+          admin: {
+            components: {
+              Field: "/globals/ContactEmbedNotice.tsx#ContactEmbedNotice",
+            },
+          },
+        },
       ],
     },
     {

src/globals/ContactEmbedNotice.tsx

@@ -1,6 +1,8 @@
+import { Text } from "@/components/ui/text";
+
 export const ContactEmbedNotice = () => (
-  <p>
+  <Text mt={2}>
     Use a generator like <a href="https://www.maps.ie/create-google-map/">maps.ie</a> to create a
     Google Maps embed.
-  </p>
+  </Text>
 );