From 0b125f2326118ee711ce20549479a70c4be58f0c Mon Sep 17 00:00:00 2001
From: adewar <andrewgdewar@gmail.com>
Date: Fri, 10 Jan 2025 11:39:05 -0700
Subject: [PATCH] format and lint

---
 .../SnapshotListModal/SnapshotListModal.tsx   |   1 -
 .../TemplateDetails/TemplateDetails.test.tsx  |   8 +-
 .../TemplateDetails/TemplateDetails.tsx       |   9 +-
 .../components/UseTemplate/AnsibleTab.tsx     | 216 +++++++++---------
 .../components/UseTemplate/CurlTab.tsx        | 159 +++++++------
 .../components/UseTemplate/InsightsTab.tsx    | 148 ++++++------
 .../UseTemplate/UseTemplateModal.tsx          | 142 ++++++------
 7 files changed, 361 insertions(+), 322 deletions(-)

diff --git a/src/Pages/Repositories/ContentListTable/components/SnapshotListModal/SnapshotListModal.tsx b/src/Pages/Repositories/ContentListTable/components/SnapshotListModal/SnapshotListModal.tsx
index 9107b116..89e4e364 100644
--- a/src/Pages/Repositories/ContentListTable/components/SnapshotListModal/SnapshotListModal.tsx
+++ b/src/Pages/Repositories/ContentListTable/components/SnapshotListModal/SnapshotListModal.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable quotes */
 import {
   Button,
   Flex,
diff --git a/src/Pages/Templates/TemplateDetails/TemplateDetails.test.tsx b/src/Pages/Templates/TemplateDetails/TemplateDetails.test.tsx
index f0237644..302c52d7 100644
--- a/src/Pages/Templates/TemplateDetails/TemplateDetails.test.tsx
+++ b/src/Pages/Templates/TemplateDetails/TemplateDetails.test.tsx
@@ -1,4 +1,4 @@
-import {fireEvent, render} from '@testing-library/react';
+import { fireEvent, render } from '@testing-library/react';
 import TemplateDetails from './TemplateDetails';
 import { defaultTemplateItem } from 'testingHelpers';
 
@@ -41,15 +41,15 @@ it('expect UseTemplateModal to render correctly', () => {
   const useTemplate = getByLabelText('use-template-button') as Element;
   expect(useTemplate).toBeInTheDocument();
   fireEvent.click(useTemplate);
-  expect(queryByText('Assign the template to a system')).toBeInTheDocument()
+  expect(queryByText('Assign the template to a system')).toBeInTheDocument();
 
   const curlTab = getByLabelText('curl-tab') as Element;
   expect(curlTab).toBeInTheDocument();
   fireEvent.click(curlTab);
-  expect(queryByText('Download the repo file')).toBeInTheDocument()
+  expect(queryByText('Download the repo file')).toBeInTheDocument();
 
   const ansibleTab = getByLabelText('ansible-tab') as Element;
   expect(ansibleTab).toBeInTheDocument();
   fireEvent.click(ansibleTab);
-  expect(queryByText('Use this ansible playbook to download the repo file')).toBeInTheDocument()
+  expect(queryByText('Use this ansible playbook to download the repo file')).toBeInTheDocument();
 });
diff --git a/src/Pages/Templates/TemplateDetails/TemplateDetails.tsx b/src/Pages/Templates/TemplateDetails/TemplateDetails.tsx
index e830b322..1aca9cd5 100644
--- a/src/Pages/Templates/TemplateDetails/TemplateDetails.tsx
+++ b/src/Pages/Templates/TemplateDetails/TemplateDetails.tsx
@@ -8,7 +8,10 @@ import {
   LabelGroup,
   Stack,
   StackItem,
-  Title, Toolbar, ToolbarContent, ToolbarItem,
+  Title,
+  Toolbar,
+  ToolbarContent,
+  ToolbarItem,
 } from '@patternfly/react-core';
 import { Outlet, useNavigate, useParams } from 'react-router-dom';
 import { createUseStyles } from 'react-jss';
@@ -117,10 +120,10 @@ export default function TemplateDetails() {
             <Toolbar>
               <ToolbarContent>
                 <ToolbarItem>
-                  <UseTemplateModal/>
+                  <UseTemplateModal />
                 </ToolbarItem>
                 <ToolbarItem>
-                 <TemplateActionDropdown />
+                  <TemplateActionDropdown />
                 </ToolbarItem>
               </ToolbarContent>
             </Toolbar>
diff --git a/src/Pages/Templates/TemplateDetails/components/UseTemplate/AnsibleTab.tsx b/src/Pages/Templates/TemplateDetails/components/UseTemplate/AnsibleTab.tsx
index d37da51f..2ad8e100 100644
--- a/src/Pages/Templates/TemplateDetails/components/UseTemplate/AnsibleTab.tsx
+++ b/src/Pages/Templates/TemplateDetails/components/UseTemplate/AnsibleTab.tsx
@@ -1,130 +1,142 @@
 import {
-    Alert,
-    ClipboardCopy,
-    ClipboardCopyButton,
-    ClipboardCopyVariant, CodeBlock, CodeBlockAction, CodeBlockCode,
-    TabContent,
-    Text, TextContent,
-    TextList,
-    TextListItem,
-    TextVariants
+  Alert,
+  ClipboardCopy,
+  ClipboardCopyButton,
+  ClipboardCopyVariant,
+  CodeBlock,
+  CodeBlockAction,
+  CodeBlockCode,
+  TabContent,
+  Text,
+  TextContent,
+  TextList,
+  TextListItem,
+  TextVariants,
 } from '@patternfly/react-core';
 import React from 'react';
-import {createUseStyles} from 'react-jss';
-import {useParams} from 'react-router-dom';
-import {ExternalLinkAltIcon} from "@patternfly/react-icons";
+import { createUseStyles } from 'react-jss';
+import { useParams } from 'react-router-dom';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons';
 
-export const ANSIBLE_TAB = 'ansible'
+export const ANSIBLE_TAB = 'ansible';
 
 const useStyles = createUseStyles({
-    textGroup: {
-        paddingTop: '8px',
-    },
-})
+  textGroup: {
+    paddingTop: '8px',
+  },
+});
 
 type Props = {
-    tabContentRef:  React.RefObject<HTMLElement>
-}
+  tabContentRef: React.RefObject<HTMLElement>;
+};
 
 const playbook1 = `---
 - hosts: all
   tasks:
     - name: Download template.repo
       ansible.builtin.get_url:
-        url: https://console.redhat.com/api/content-sources/v1/templates/`
+        url: https://console.redhat.com/api/content-sources/v1/templates/`;
 const playbook2 = `/config.repo
         dest: /etc/yum.repos.d/template.repo
         mode: '0444'
         client_cert: /etc/pki/consumer/cert.pem
         client_key:  /etc/pki/consumer/cert.key
-`
+`;
 
 const AnsibleTab = ({ tabContentRef }: Props) => {
-    const classes = useStyles();
-    const { templateUUID } = useParams();
-    const [copied, setCopied] = React.useState(false);
+  const classes = useStyles();
+  const { templateUUID } = useParams();
+  const [copied, setCopied] = React.useState(false);
 
-    const clipboardCopyFunc = (event, text) => {
-        navigator.clipboard.writeText(text.toString());
-    };
+  const clipboardCopyFunc = (event, text) => {
+    navigator.clipboard.writeText(text.toString());
+  };
 
-    const onClick = (event, text) => {
-        clipboardCopyFunc(event, text);
-        setCopied(true);
-    };
+  const onClick = (event, text) => {
+    clipboardCopyFunc(event, text);
+    setCopied(true);
+  };
 
-    const actions = (
-        <React.Fragment>
-            <CodeBlockAction>
-                <ClipboardCopyButton
-                    id="basic-copy-button"
-                    textId="code-content"
-                    aria-label="Copy to clipboard"
-                    onClick={(e) => onClick(e, playbook1+`${templateUUID}`+playbook2)}
-                    exitDelay={copied ? 1500 : 600}
-                    maxWidth="110px"
-                    variant="plain"
-                    onTooltipHidden={() => setCopied(false)}
-                >
-                    {copied ? 'Successfully copied to clipboard!' : 'Copy to clipboard'}
-                </ClipboardCopyButton>
-            </CodeBlockAction>
-        </React.Fragment>
-    );
+  const actions = (
+    <React.Fragment>
+      <CodeBlockAction>
+        <ClipboardCopyButton
+          id='basic-copy-button'
+          textId='code-content'
+          aria-label='Copy to clipboard'
+          onClick={(e) => onClick(e, playbook1 + `${templateUUID}` + playbook2)}
+          exitDelay={copied ? 1500 : 600}
+          maxWidth='110px'
+          variant='plain'
+          onTooltipHidden={() => setCopied(false)}
+        >
+          {copied ? 'Successfully copied to clipboard!' : 'Copy to clipboard'}
+        </ClipboardCopyButton>
+      </CodeBlockAction>
+    </React.Fragment>
+  );
 
-    return (
-        <TabContent eventKey={ANSIBLE_TAB} id={ANSIBLE_TAB} ref={tabContentRef} hidden>
-            <div className={classes.textGroup}>
-                <Alert
-                    variant='warning'
-                    title='Consuming a template in this way will result in the system not reporting applicable errata properly within Insights.'
-                    isInline
-                >
-                    System advisory information will not be available via {' '}
-                    <a href="insights/patch/systems/" rel='noreferrer' target='_blank'>
-                        Systems <ExternalLinkAltIcon/>
-                    </a>
-                </Alert>
-            </div>
-            <TextContent className={classes.textGroup}>
-                <Text component={TextVariants.h2}>Register for subscriptions</Text>
-                <TextList isPlain>
-                    <TextListItem>
-                        <Text component="h6">Register with rhc</Text>
-                        <ClipboardCopy isReadOnly hoverTip="Copy" clickTip="Copied"
-                                       variant={ClipboardCopyVariant.expansion}>
-                            rhc connect
-                        </ClipboardCopy>
-                    </TextListItem>
-                    <TextListItem>
-                        <Text component="h6">Or register with subscription manager</Text>
-                        <ClipboardCopy isReadOnly hoverTip="Copy" clickTip="Copied"
-                                       variant={ClipboardCopyVariant.expansion}>
-                            subscription-manager register
-                        </ClipboardCopy>
-                    </TextListItem>
-                </TextList>
-                <TextList isPlain>
-                    <TextListItem>
-                        <Text component={TextVariants.h2}>Use this ansible playbook to download the repo file</Text>
-                        <CodeBlock actions={actions}>
-                            <CodeBlockCode>
-                                {playbook1 + `${templateUUID}` + playbook2}
-                            </CodeBlockCode>
-                        </CodeBlock>
-                    </TextListItem>
-                </TextList>
-            </TextContent>
-            <div className={classes.textGroup}>
-                <Alert
-                    variant='info'
-                    title='Adding or removing a repository from the template will not be reflected on the
+  return (
+    <TabContent eventKey={ANSIBLE_TAB} id={ANSIBLE_TAB} ref={tabContentRef} hidden>
+      <div className={classes.textGroup}>
+        <Alert
+          variant='warning'
+          title='Consuming a template in this way will result in the system not reporting applicable errata properly within Insights.'
+          isInline
+        >
+          System advisory information will not be available via{' '}
+          <a href='insights/patch/systems/' rel='noreferrer' target='_blank'>
+            Systems <ExternalLinkAltIcon />
+          </a>
+        </Alert>
+      </div>
+      <TextContent className={classes.textGroup}>
+        <Text component={TextVariants.h2}>Register for subscriptions</Text>
+        <TextList isPlain>
+          <TextListItem>
+            <Text component='h6'>Register with rhc</Text>
+            <ClipboardCopy
+              isReadOnly
+              hoverTip='Copy'
+              clickTip='Copied'
+              variant={ClipboardCopyVariant.expansion}
+            >
+              rhc connect
+            </ClipboardCopy>
+          </TextListItem>
+          <TextListItem>
+            <Text component='h6'>Or register with subscription manager</Text>
+            <ClipboardCopy
+              isReadOnly
+              hoverTip='Copy'
+              clickTip='Copied'
+              variant={ClipboardCopyVariant.expansion}
+            >
+              subscription-manager register
+            </ClipboardCopy>
+          </TextListItem>
+        </TextList>
+        <TextList isPlain>
+          <TextListItem>
+            <Text component={TextVariants.h2}>
+              Use this ansible playbook to download the repo file
+            </Text>
+            <CodeBlock actions={actions}>
+              <CodeBlockCode>{playbook1 + `${templateUUID}` + playbook2}</CodeBlockCode>
+            </CodeBlock>
+          </TextListItem>
+        </TextList>
+      </TextContent>
+      <div className={classes.textGroup}>
+        <Alert
+          variant='info'
+          title='Adding or removing a repository from the template will not be reflected on the
                             client until the repo file is re-downloaded.'
-                    isInline
-                />
-            </div>
-        </TabContent>
-    )
-}
+          isInline
+        />
+      </div>
+    </TabContent>
+  );
+};
 
 export default AnsibleTab;
diff --git a/src/Pages/Templates/TemplateDetails/components/UseTemplate/CurlTab.tsx b/src/Pages/Templates/TemplateDetails/components/UseTemplate/CurlTab.tsx
index 967881ea..957f2bbc 100644
--- a/src/Pages/Templates/TemplateDetails/components/UseTemplate/CurlTab.tsx
+++ b/src/Pages/Templates/TemplateDetails/components/UseTemplate/CurlTab.tsx
@@ -1,86 +1,101 @@
 import {
-    Alert,
-    ClipboardCopy,
-    ClipboardCopyVariant,
-    TabContent,
-    Text, TextContent,
-    TextList,
-    TextListItem,
-    TextVariants
+  Alert,
+  ClipboardCopy,
+  ClipboardCopyVariant,
+  TabContent,
+  Text,
+  TextContent,
+  TextList,
+  TextListItem,
+  TextVariants,
 } from '@patternfly/react-core';
 import React from 'react';
-import {createUseStyles} from 'react-jss';
-import {useParams} from 'react-router-dom';
-import {ExternalLinkAltIcon} from "@patternfly/react-icons";
+import { createUseStyles } from 'react-jss';
+import { useParams } from 'react-router-dom';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons';
 
-export const CURL_TAB = 'curl'
+export const CURL_TAB = 'curl';
 
 const useStyles = createUseStyles({
-    textGroup: {
-        paddingTop: '8px',
-    },
-})
+  textGroup: {
+    paddingTop: '8px',
+  },
+});
 
 type Props = {
-    tabContentRef:  React.RefObject<HTMLElement>
-}
+  tabContentRef: React.RefObject<HTMLElement>;
+};
 
 const CurlTab = ({ tabContentRef }: Props) => {
-    const classes = useStyles();
-    const { templateUUID } = useParams();
+  const classes = useStyles();
+  const { templateUUID } = useParams();
 
-    return (
-        <TabContent eventKey={CURL_TAB} id={CURL_TAB} ref={tabContentRef} hidden>
-            <div className={classes.textGroup}>
-                <Alert
-                    variant='warning'
-                    title='Consuming a template in this way will result in the system not reporting applicable errata properly within Insights.'
-                    isInline
-                >
-                    System advisory information will not be available via {' '}
-                    <a href="insights/patch/systems/" rel='noreferrer' target='_blank'>
-                        Systems <ExternalLinkAltIcon/>
-                    </a>
-                </Alert>
-            </div>
-            <TextContent className={classes.textGroup}>
-                <Text component={TextVariants.h2}>Register for subscriptions</Text>
-                <TextList isPlain>
-                    <TextListItem>
-                        <Text component="h6">Register with rhc</Text>
-                        <ClipboardCopy isReadOnly hoverTip="Copy" clickTip="Copied"
-                                       variant={ClipboardCopyVariant.expansion}>
-                            rhc connect
-                        </ClipboardCopy>
-                    </TextListItem>
-                    <TextListItem>
-                        <Text component="h6">Or register with subscription manager</Text>
-                        <ClipboardCopy isReadOnly hoverTip="Copy" clickTip="Copied"
-                                       variant={ClipboardCopyVariant.expansion}>
-                            subscription-manager register
-                        </ClipboardCopy>
-                    </TextListItem>
-                </TextList>
-                <TextList isPlain>
-                    <TextListItem>
-                        <Text component={TextVariants.h2}>Download the repo file</Text>
-                        <ClipboardCopy isReadOnly hoverTip="Copy" clickTip="Copied"
-                                       variant={ClipboardCopyVariant.expansion}>
-                            {'curl -o /etc/yum.repos.d/template.repo  https://console.redhat.com/api/content-sources/v1/templates/' + templateUUID + '/config.repo'}
-                        </ClipboardCopy>
-                    </TextListItem>
-                </TextList>
-            </TextContent>
-            <div className={classes.textGroup}>
-                <Alert
-                    variant='info'
-                    title='Adding or removing a repository from the template will not be reflected on the
+  return (
+    <TabContent eventKey={CURL_TAB} id={CURL_TAB} ref={tabContentRef} hidden>
+      <div className={classes.textGroup}>
+        <Alert
+          variant='warning'
+          title='Consuming a template in this way will result in the system not reporting applicable errata properly within Insights.'
+          isInline
+        >
+          System advisory information will not be available via{' '}
+          <a href='insights/patch/systems/' rel='noreferrer' target='_blank'>
+            Systems <ExternalLinkAltIcon />
+          </a>
+        </Alert>
+      </div>
+      <TextContent className={classes.textGroup}>
+        <Text component={TextVariants.h2}>Register for subscriptions</Text>
+        <TextList isPlain>
+          <TextListItem>
+            <Text component='h6'>Register with rhc</Text>
+            <ClipboardCopy
+              isReadOnly
+              hoverTip='Copy'
+              clickTip='Copied'
+              variant={ClipboardCopyVariant.expansion}
+            >
+              rhc connect
+            </ClipboardCopy>
+          </TextListItem>
+          <TextListItem>
+            <Text component='h6'>Or register with subscription manager</Text>
+            <ClipboardCopy
+              isReadOnly
+              hoverTip='Copy'
+              clickTip='Copied'
+              variant={ClipboardCopyVariant.expansion}
+            >
+              subscription-manager register
+            </ClipboardCopy>
+          </TextListItem>
+        </TextList>
+        <TextList isPlain>
+          <TextListItem>
+            <Text component={TextVariants.h2}>Download the repo file</Text>
+            <ClipboardCopy
+              isReadOnly
+              hoverTip='Copy'
+              clickTip='Copied'
+              variant={ClipboardCopyVariant.expansion}
+            >
+              {'curl -o /etc/yum.repos.d/template.repo  https://console.redhat.com/api/content-sources/v1/templates/' +
+                templateUUID +
+                '/config.repo'}
+            </ClipboardCopy>
+          </TextListItem>
+        </TextList>
+      </TextContent>
+      <div className={classes.textGroup}>
+        <Alert
+          variant='info'
+          title='Adding or removing a repository from the template will not be reflected on the
                             client until the repo file is re-downloaded.'
-                    isInline
-                />
-            </div>
-        </TabContent>
-    )
-}
+          isInline
+        />
+      </div>
+    </TabContent>
+  );
+};
 
 export default CurlTab;
diff --git a/src/Pages/Templates/TemplateDetails/components/UseTemplate/InsightsTab.tsx b/src/Pages/Templates/TemplateDetails/components/UseTemplate/InsightsTab.tsx
index fa778908..526164b3 100644
--- a/src/Pages/Templates/TemplateDetails/components/UseTemplate/InsightsTab.tsx
+++ b/src/Pages/Templates/TemplateDetails/components/UseTemplate/InsightsTab.tsx
@@ -1,79 +1,97 @@
 import {
-    ClipboardCopy,
-    ClipboardCopyVariant,
-    TabContent,
-    Text, TextContent,
-    TextList,
-    TextListItem,
-    TextVariants
+  ClipboardCopy,
+  ClipboardCopyVariant,
+  TabContent,
+  Text,
+  TextContent,
+  TextList,
+  TextListItem,
+  TextVariants,
 } from '@patternfly/react-core';
 import React from 'react';
-import {ADD_ROUTE, DETAILS_ROUTE, SYSTEMS_ROUTE} from '../../../../../Routes/constants';
-import {ExternalLinkAltIcon} from '@patternfly/react-icons';
-import {createUseStyles} from 'react-jss';
-import {useLocation, useParams} from 'react-router-dom';
+import { ADD_ROUTE, DETAILS_ROUTE, SYSTEMS_ROUTE } from '../../../../../Routes/constants';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons';
+import { createUseStyles } from 'react-jss';
+import { useLocation, useParams } from 'react-router-dom';
 
-export const INSIGHTS_TAB = 'insights'
+export const INSIGHTS_TAB = 'insights';
 
 const useStyles = createUseStyles({
-    textGroup: {
-        paddingTop: '8px',
-    },
-})
+  textGroup: {
+    paddingTop: '8px',
+  },
+});
 
 type Props = {
-    tabContentRef:  React.RefObject<HTMLElement>
-}
+  tabContentRef: React.RefObject<HTMLElement>;
+};
 
 const InsightsTab = ({ tabContentRef }: Props) => {
-    const classes = useStyles();
+  const classes = useStyles();
 
-    const { pathname } = useLocation();
-    const [mainRoute] = pathname?.split(`${DETAILS_ROUTE}/`) || [];
-    const addSystemsRoute = mainRoute + `${DETAILS_ROUTE}/`+ `${SYSTEMS_ROUTE}/` + `${ADD_ROUTE}/`;
-    const { templateUUID } = useParams();
+  const { pathname } = useLocation();
+  const [mainRoute] = pathname?.split(`${DETAILS_ROUTE}/`) || [];
+  const addSystemsRoute = mainRoute + `${DETAILS_ROUTE}/` + `${SYSTEMS_ROUTE}/` + `${ADD_ROUTE}/`;
+  const { templateUUID } = useParams();
 
-    return (
-        <TabContent eventKey={INSIGHTS_TAB} id={INSIGHTS_TAB} ref={tabContentRef}>
-            <TextContent className={classes.textGroup}>
-                <Text component={TextVariants.h2}>Register for subscriptions</Text>
-                <TextList isPlain>
-                    <TextListItem>
-                        <Text component="h6">Register with rhc</Text>
-                        <ClipboardCopy isReadOnly hoverTip="Copy" clickTip="Copied" variant={ClipboardCopyVariant.expansion}>
-                            rhc connect
-                        </ClipboardCopy>
-                    </TextListItem>
-                </TextList>
-                <Text component={TextVariants.h2}>Assign the template to a system</Text>
-                <TextList isPlain>
-                    <TextListItem>
-                        <Text component="h6"> Add the template via the UI </Text>
-                        <Text>
-                            Add the template in {' '}
-                            <a href={addSystemsRoute} rel='noreferrer' target='_blank'>
-                                Systems <ExternalLinkAltIcon/>
-                            </a>
-                        </Text>
-                    </TextListItem>
-                    <TextListItem>
-                        <Text component="h6"> Or add the template via the API </Text>
-                        <ClipboardCopy isReadOnly hoverTip="Copy" clickTip="Copied" variant={ClipboardCopyVariant.expansion}>
-                            {'curl --cert /etc/pki/consumer/cert.pem  --key /etc/pki/consumer/key.pem -X PATCH https://console.redhat.com/api/patch/v3/templates/'+templateUUID+'/subscribed-systems'}
-                        </ClipboardCopy>
-                    </TextListItem>
-                </TextList>
-                <Text component={TextVariants.h2}>Refresh Subscription Manager</Text>
-                <TextList isPlain>
-                    <TextListItem>
-                        <ClipboardCopy isReadOnly hoverTip="Copy" clickTip="Copied" variant={ClipboardCopyVariant.expansion}>
-                            subscription-manager refresh
-                        </ClipboardCopy>
-                    </TextListItem>
-                </TextList>
-            </TextContent>
-        </TabContent>
-    )
-}
+  return (
+    <TabContent eventKey={INSIGHTS_TAB} id={INSIGHTS_TAB} ref={tabContentRef}>
+      <TextContent className={classes.textGroup}>
+        <Text component={TextVariants.h2}>Register for subscriptions</Text>
+        <TextList isPlain>
+          <TextListItem>
+            <Text component='h6'>Register with rhc</Text>
+            <ClipboardCopy
+              isReadOnly
+              hoverTip='Copy'
+              clickTip='Copied'
+              variant={ClipboardCopyVariant.expansion}
+            >
+              rhc connect
+            </ClipboardCopy>
+          </TextListItem>
+        </TextList>
+        <Text component={TextVariants.h2}>Assign the template to a system</Text>
+        <TextList isPlain>
+          <TextListItem>
+            <Text component='h6'> Add the template via the UI </Text>
+            <Text>
+              Add the template in{' '}
+              <a href={addSystemsRoute} rel='noreferrer' target='_blank'>
+                Systems <ExternalLinkAltIcon />
+              </a>
+            </Text>
+          </TextListItem>
+          <TextListItem>
+            <Text component='h6'> Or add the template via the API </Text>
+            <ClipboardCopy
+              isReadOnly
+              hoverTip='Copy'
+              clickTip='Copied'
+              variant={ClipboardCopyVariant.expansion}
+            >
+              {'curl --cert /etc/pki/consumer/cert.pem  --key /etc/pki/consumer/key.pem -X PATCH https://console.redhat.com/api/patch/v3/templates/' +
+                templateUUID +
+                '/subscribed-systems'}
+            </ClipboardCopy>
+          </TextListItem>
+        </TextList>
+        <Text component={TextVariants.h2}>Refresh Subscription Manager</Text>
+        <TextList isPlain>
+          <TextListItem>
+            <ClipboardCopy
+              isReadOnly
+              hoverTip='Copy'
+              clickTip='Copied'
+              variant={ClipboardCopyVariant.expansion}
+            >
+              subscription-manager refresh
+            </ClipboardCopy>
+          </TextListItem>
+        </TextList>
+      </TextContent>
+    </TabContent>
+  );
+};
 
 export default InsightsTab;
diff --git a/src/Pages/Templates/TemplateDetails/components/UseTemplate/UseTemplateModal.tsx b/src/Pages/Templates/TemplateDetails/components/UseTemplate/UseTemplateModal.tsx
index b0724eb9..fa8a7e0d 100644
--- a/src/Pages/Templates/TemplateDetails/components/UseTemplate/UseTemplateModal.tsx
+++ b/src/Pages/Templates/TemplateDetails/components/UseTemplate/UseTemplateModal.tsx
@@ -1,85 +1,77 @@
-import {
-    Button,
-    Modal,
-    ModalVariant,
-    Tab,
-    Tabs,
-    TabTitleText,
-} from '@patternfly/react-core'
+import { Button, Modal, ModalVariant, Tab, Tabs, TabTitleText } from '@patternfly/react-core';
 import React from 'react';
-import InsightsTab, {INSIGHTS_TAB} from './InsightsTab';
-import CurlTab, {CURL_TAB} from './CurlTab';
-import AnsibleTab, {ANSIBLE_TAB} from './AnsibleTab';
+import InsightsTab, { INSIGHTS_TAB } from './InsightsTab';
+import CurlTab, { CURL_TAB } from './CurlTab';
+import AnsibleTab, { ANSIBLE_TAB } from './AnsibleTab';
 
 const UseTemplateModal = () => {
-    const [isModalOpen, setIsModalOpen] = React.useState(false);
-    const [activeTabKey, setActiveTabKey] = React.useState<string | number>(INSIGHTS_TAB);
+  const [isModalOpen, setIsModalOpen] = React.useState(false);
+  const [activeTabKey, setActiveTabKey] = React.useState<string | number>(INSIGHTS_TAB);
 
-    const handleModalToggle = () => {
-        setIsModalOpen(!isModalOpen);
-    };
+  const handleModalToggle = () => {
+    setIsModalOpen(!isModalOpen);
+  };
 
-    const handleTabClick = (_event: React.MouseEvent<HTMLElement, MouseEvent>, tabIndex: string | number) => {
-        setActiveTabKey(tabIndex);
-    };
+  const handleTabClick = (
+    _event: React.MouseEvent<HTMLElement, MouseEvent>,
+    tabIndex: string | number,
+  ) => {
+    setActiveTabKey(tabIndex);
+  };
 
-    const contentRefInsights = React.createRef<HTMLElement>();
-    const contentRefCurl = React.createRef<HTMLElement>();
-    const contentRefAnsible = React.createRef<HTMLElement>();
+  const contentRefInsights = React.createRef<HTMLElement>();
+  const contentRefCurl = React.createRef<HTMLElement>();
+  const contentRefAnsible = React.createRef<HTMLElement>();
 
-    return (
-        <div>
-        <Button aria-label="use-template-button" variant="primary" onClick={handleModalToggle}>
-            Use template
-        </Button>
+  return (
+    <div>
+      <Button aria-label='use-template-button' variant='primary' onClick={handleModalToggle}>
+        Use template
+      </Button>
 
-        <Modal
-            tabIndex={0}
-            variant={ModalVariant.large}
-            title="Use template"
-            isOpen={isModalOpen}
-            onClose={handleModalToggle}
-            footer={
-                <Button key='close' variant='secondary' onClick={handleModalToggle}>
-                    Close
-                </Button>
-            }
-        >
-            <Tabs
-                activeKey={activeTabKey}
-                onSelect={handleTabClick}
-                aria-label='Use template tabs'
-            >
-                <Tab
-                    eventKey={INSIGHTS_TAB}
-                    title={<TabTitleText>Insights (Preferred)</TabTitleText>}
-                    tabContentId={INSIGHTS_TAB}
-                    tabContentRef={contentRefInsights}
-                    aria-label='insights-tab'
-                />
-                <Tab
-                    eventKey={CURL_TAB}
-                    title={<TabTitleText>Curl</TabTitleText>}
-                    tabContentId={CURL_TAB}
-                    tabContentRef={contentRefCurl}
-                    aria-label='curl-tab'
-                />
-                <Tab
-                    eventKey={ANSIBLE_TAB}
-                    title={<TabTitleText>Ansible</TabTitleText>}
-                    tabContentId={ANSIBLE_TAB}
-                    tabContentRef={contentRefAnsible}
-                    aria-label='ansible-tab'
-                />
-            </Tabs>
-            <div>
-                <InsightsTab tabContentRef={contentRefInsights}/>
-                <CurlTab tabContentRef={contentRefCurl}/>
-                <AnsibleTab tabContentRef={contentRefAnsible}/>
-            </div>
-        </Modal>
+      <Modal
+        tabIndex={0}
+        variant={ModalVariant.large}
+        title='Use template'
+        isOpen={isModalOpen}
+        onClose={handleModalToggle}
+        footer={
+          <Button key='close' variant='secondary' onClick={handleModalToggle}>
+            Close
+          </Button>
+        }
+      >
+        <Tabs activeKey={activeTabKey} onSelect={handleTabClick} aria-label='Use template tabs'>
+          <Tab
+            eventKey={INSIGHTS_TAB}
+            title={<TabTitleText>Insights (Preferred)</TabTitleText>}
+            tabContentId={INSIGHTS_TAB}
+            tabContentRef={contentRefInsights}
+            aria-label='insights-tab'
+          />
+          <Tab
+            eventKey={CURL_TAB}
+            title={<TabTitleText>Curl</TabTitleText>}
+            tabContentId={CURL_TAB}
+            tabContentRef={contentRefCurl}
+            aria-label='curl-tab'
+          />
+          <Tab
+            eventKey={ANSIBLE_TAB}
+            title={<TabTitleText>Ansible</TabTitleText>}
+            tabContentId={ANSIBLE_TAB}
+            tabContentRef={contentRefAnsible}
+            aria-label='ansible-tab'
+          />
+        </Tabs>
+        <div>
+          <InsightsTab tabContentRef={contentRefInsights} />
+          <CurlTab tabContentRef={contentRefCurl} />
+          <AnsibleTab tabContentRef={contentRefAnsible} />
         </div>
-    )
-}
+      </Modal>
+    </div>
+  );
+};
 
-export default UseTemplateModal
+export default UseTemplateModal;