Merge pull request #147 from openmsupply/142-add-parameters-button-to…

…-sql-recipients-similar-to-notification-config Added parameters link to sqlRecipients
msupply-foundation · Oct 1, 2023 · bb8dc00 · bb8dc00
2 parents b7f9ca6 + d15e8dc
commit bb8dc00
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git 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
@@ -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')}