fix: Resolve lint issues in UI code

Signed-off-by: Yuan Tang <[email protected]>
argoproj · Jan 10, 2024 · 0b48ece · 0b48ece
1 parent cc88116
commit 0b48ece
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/ui/src/app/reports/components/reports.tsx b/ui/src/app/reports/components/reports.tsx
@@ -93,8 +93,8 @@ export function Reports({match, location, history}: RouteComponentProps<any>) {
  <p>
  Use this page to find costly or time consuming workflows. You must label workflows you want to report on. If you use <b>workflow templates</b> or{' '}
  <b>cron workflows</b>, your workflows will be automatically labelled. You'll probably need to enable the{' '}
- <a href='https://argo-workflows.readthedocs.io/en/release-3.5/workflow-archive/'>workflow archive</a> to get long term data. Only the {limit} most recent
- workflows are shown.
+ <a href='https://argo-workflows.readthedocs.io/en/release-3.5/workflow-archive/'>workflow archive</a> to get long term data. Only the {limit} most
+ recent workflows are shown.
  </p>
  <p>Select a namespace and at least one label to get a report.</p>
  <p>

diff --git a/ui/src/app/shared/components/cost-optimisation-nudge.tsx b/ui/src/app/shared/components/cost-optimisation-nudge.tsx
@@ -4,6 +4,7 @@ import {Nudge} from './nudge';
 
 export const CostOptimisationNudge = (props: {name: string; children: ReactNode}) => (
  <Nudge key={'cost-optimization-nudge/' + props.name}>
- <i className='fa fa-money-bill-alt status-icon--pending' /> {props.children} <a href='https://argo-workflows.readthedocs.io/en/release-3.5/cost-optimisation/'>Learn more</a>
+ <i className='fa fa-money-bill-alt status-icon--pending' /> {props.children}{' '}
+ <a href='https://argo-workflows.readthedocs.io/en/release-3.5/cost-optimisation/'>Learn more</a>
  </Nudge>
 );
diff --git a/ui/src/app/shared/components/security-nudge.tsx b/ui/src/app/shared/components/security-nudge.tsx
@@ -4,6 +4,7 @@ import {Nudge} from './nudge';
 
 export const SecurityNudge = (props: {children: ReactNode}) => (
  <Nudge key='security-nudge'>
- <i className='fa fa-lock-open status-icon--failed' /> {props.children} <a href='https://argo-workflows.readthedocs.io/en/release-3.5/workflow-pod-security-context/'>Learn more</a>
+ <i className='fa fa-lock-open status-icon--failed' /> {props.children}{' '}
+ <a href='https://argo-workflows.readthedocs.io/en/release-3.5/workflow-pod-security-context/'>Learn more</a>
  </Nudge>
 );