wrap TemplateWizardContent in <SecurityProviderContext />

Signed-off-by: Paul Cowan <paul.cowan@cutting.scot>

packages/app/src/components/SecurityTab/SecurityTab.tsx

@@ -16,7 +16,7 @@
 
 import React from 'react';
 import {
-  TemplateWizardContent,
+  TemplateContent,
   useGetCustomFields,
 } from '@backstage/plugin-scaffolder';
 
@@ -37,7 +37,7 @@ export function SecurityTab({
   const fieldExtensions = useGetCustomFields(customExtensionsElement);
 
   return (
-    <TemplateWizardContent
+    <TemplateContent
       namespace="default"
       templateName="docs-template"
       onComplete={onComplete}

plugins/scaffolder/src/next/TemplateWizardContent/TemplateWizardContent.tsx

@@ -31,6 +31,10 @@ import { makeStyles } from '@material-ui/core';
 import { BackstageTheme } from '@backstage/theme';
 import { errorApiRef, useApi } from '@backstage/core-plugin-api';
 import { Stepper } from '../TemplateWizardPage/Stepper';
+import {
+  SecretsContext,
+  SecretsContextProvider,
+} from '../../components/secrets/SecretsContext';
 
 const useStyles = makeStyles<BackstageTheme>(() => ({
   markdown: {
@@ -110,3 +114,9 @@ export const TemplateWizardContent = (
     </Page>
   );
 };
+
+export const TemplateContent = (props: TemplateWizardContentProps) => (
+  <SecretsContextProvider>
+    <TemplateWizardContent {...props} />
+  </SecretsContextProvider>
+);

plugins/scaffolder/src/next/TemplateWizardContent/index.ts

@@ -13,4 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { TemplateWizardContent } from './TemplateWizardContent';
+export {
+  TemplateWizardContent,
+  TemplateContent,
+} from './TemplateWizardContent';