From d15e8dc627a3ad4e8ba2581b89aa756d2b02def2 Mon Sep 17 00:00:00 2001
From: James Brunskill <james@sussol.net>
Date: Mon, 25 Sep 2023 15:52:03 +1300
Subject: [PATCH] Added parameters link to sqlRecipients

---
 .../system/src/Recipients/SqlRecipientLists/DetailEdit.tsx    | 4 ++++
 .../src/Recipients/SqlRecipientLists/RecipientQueryEditor.tsx | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/frontend/packages/system/src/Recipients/SqlRecipientLists/DetailEdit.tsx b/frontend/packages/system/src/Recipients/SqlRecipientLists/DetailEdit.tsx
index f1fa2867..f2020756 100644
--- a/frontend/packages/system/src/Recipients/SqlRecipientLists/DetailEdit.tsx
+++ b/frontend/packages/system/src/Recipients/SqlRecipientLists/DetailEdit.tsx
@@ -2,10 +2,12 @@ import React, { useEffect } from 'react';
 import { useTranslation } from '@common/intl';
 import {
   useBreadcrumbs,
+  useDetailPanel,
   useNotification,
   useQueryParamsState,
 } from '@common/hooks';
 import {
+  AppBarButtonsPortal,
   AppBarContentPortal,
   BasicSpinner,
   Box,
@@ -44,6 +46,7 @@ export const DetailEdit = () => {
   const urlParams = useParams();
   const { suffix, setSuffix } = useBreadcrumbs();
   const { error } = useNotification();
+  const { OpenButton } = useDetailPanel(t('label.parameters'));
 
   const { queryParams } = useQueryParamsState({
     initialFilter: { id: { equalTo: urlParams['listId'] } },
@@ -96,6 +99,7 @@ export const DetailEdit = () => {
 
   return (
     <>
+      <AppBarButtonsPortal>{OpenButton}</AppBarButtonsPortal>
       {/* Description/Details section */}
       <AppBarContentPortal sx={{ paddingBottom: '16px', flex: 1 }}>
         <Paper
diff --git a/frontend/packages/system/src/Recipients/SqlRecipientLists/RecipientQueryEditor.tsx b/frontend/packages/system/src/Recipients/SqlRecipientLists/RecipientQueryEditor.tsx
index 41d9bdbd..490eac13 100644
--- a/frontend/packages/system/src/Recipients/SqlRecipientLists/RecipientQueryEditor.tsx
+++ b/frontend/packages/system/src/Recipients/SqlRecipientLists/RecipientQueryEditor.tsx
@@ -218,6 +218,8 @@ export const RecipientQueryEditor = ({
                 {TeraUtils.extractParams(draft.query).join(', ')}
               </Typography>
               <IconButton
+                height="24px"
+                width="24px"
                 onClick={openSidePanel}
                 icon={<EditIcon />}
                 label={t('label.edit')}