fix: add templateTagsRef to TemplateTags component

impress-org · Jan 9, 2024 · 51e2dba · 51e2dba
1 parent e44f568
commit 51e2dba
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 7 deletions.
diff --git a/src/FormBuilder/resources/js/form-builder/src/components/settings/TemplateTags/index.tsx b/src/FormBuilder/resources/js/form-builder/src/components/settings/TemplateTags/index.tsx
@@ -33,10 +33,16 @@ function CopyTagButton({textToCopy}) {
 /**
  * @unreleased
  */
-export default function TemplateTags({templateTags}: {templateTags: TemplateTag[]}) {
+export default function TemplateTags({
+    templateTags,
+    templateTagsRef,
+}: {
+    templateTags: TemplateTag[];
+    templateTagsRef?: Ref<HTMLUListElement>;
+}) {
     return (
-        <ul className="givewp-template-tags__list">
-            {templateTags.map(({ id, description }) => {
+        <ul className="givewp-template-tags__list" ref={templateTagsRef}>
+            {templateTags.map(({id, description}) => {
                 const tagId = `{${id}}`;
 
                 return (
@@ -46,9 +52,7 @@ export default function TemplateTags({templateTags}: {templateTags: TemplateTag[
                             <CopyTagButton textToCopy={tagId} />
                         </div>
                         <div className="givewp-template-tags__list-item-bottom">
-                                <span className="givewp-template-tags__description">
-                                    {description}
-                                </span>
+                            <span className="givewp-template-tags__description">{description}</span>
                         </div>
                     </li>
                 );

diff --git a/...ources/js/form-builder/src/settings/group-email-settings/email/template-options/index.tsx b/...ources/js/form-builder/src/settings/group-email-settings/email/template-options/index.tsx
@@ -86,7 +86,10 @@ export default function EmailTemplateOptions({notification, settings, setSetting
                                     description={templateTagsDescription}
                                 >
                                     <PanelRow>
-                                        <TemplateTags templateTags={emailTemplateTags} />
+                                        <TemplateTags
+                                            templateTags={emailTemplateTags}
+                                            templateTagsRef={templateTagsRef}
+                                        />
                                     </PanelRow>
                                 </SettingsSection>