oops cleanup

Author: salonishah11

src/pages/scientificServices/pipelines/common/zendeskUtils.test.tsx

@@ -21,7 +21,7 @@ describe('zendeskUtils', () => {
   describe('ZendeskLink', () => {
     it('renders correctly with given children and href', () => {
       const { getByText } = render(
-        <ZendeskLink dockKey={DocsKey.QUOTA_DETAILS} additionalStyle={{ fontWeight: 'italics' }}>
+        <ZendeskLink docsKey={DocsKey.QUOTA_DETAILS} additionalStyle={{ fontWeight: 'italics' }}>
           Link to my excellent documentation
         </ZendeskLink>
       );

src/pages/scientificServices/pipelines/common/zendeskUtils.tsx

@@ -24,17 +24,17 @@ export const zendeskUrl = (key: DocsKey): string => {
 
 // Renders a component with link to the specified Zendesk documentation page
 export const ZendeskLink = ({
-  dockKey,
+  docsKey,
   additionalStyle,
   children,
 }: {
-  dockKey: DocsKey;
+  docsKey: DocsKey;
   additionalStyle?;
   children: React.ReactNode;
 }) => {
   return (
     <a
-      href={zendeskUrl(dockKey)}
+      href={zendeskUrl(docsKey)}
       target='_blank'
       style={{ color: '#46A3E9', textDecoration: 'underline', ...additionalStyle }}
       rel='noreferrer'

src/pages/scientificServices/pipelines/tabs/about/About.tsx

@@ -37,12 +37,12 @@ export const About = () => {
 
         <h2 style={{ marginTop: '2rem' }}>User Documentation</h2>
         <div style={{ marginTop: '1rem' }}>
-          <ZendeskLink dockKey={DocsKey.GETTING_STARTED} additionalStyle={{ fontWeight: 'bold' }}>
+          <ZendeskLink docsKey={DocsKey.GETTING_STARTED} additionalStyle={{ fontWeight: 'bold' }}>
             Get Started
           </ZendeskLink>
         </div>
         <div style={{ marginTop: '1rem' }}>
-          <ZendeskLink dockKey={DocsKey.ABOUT_SERVICE} additionalStyle={{ fontWeight: 'bold' }}>
+          <ZendeskLink docsKey={DocsKey.ABOUT_SERVICE} additionalStyle={{ fontWeight: 'bold' }}>
             About this Service
           </ZendeskLink>
         </div>

src/pages/scientificServices/pipelines/tabs/run/inputs/PipelineFileInput.tsx

@@ -61,7 +61,7 @@ export const PipelineFileInput: React.FC<PipelineInputSelectorProps> = ({
           </span>
           <div style={{ marginTop: '0.5rem' }}>
             <Icon icon='info-circle' size={16} style={{ color: colors.primary(), verticalAlign: 'middle' }} />{' '}
-            <ZendeskLink dockKey={DocsKey.INPUT_REQ}>Learn more about how to reduce your file size.</ZendeskLink>
+            <ZendeskLink docsKey={DocsKey.INPUT_REQ}>Learn more about how to reduce your file size.</ZendeskLink>
           </div>
         </>
       );

src/pages/scientificServices/pipelines/tabs/run/widgets/HelpfulTipsWidget.tsx

@@ -15,7 +15,7 @@ export const PIPELINE_TIPS: Record<string, { id: string; content: ReactNode }[]>
       content: (
         <>
           View{' '}
-          <ZendeskLink dockKey={DocsKey.INPUT_REQ} additionalStyle={{ fontWeight: 'bold' }}>
+          <ZendeskLink docsKey={DocsKey.INPUT_REQ} additionalStyle={{ fontWeight: 'bold' }}>
             formatting guidelines
           </ZendeskLink>{' '}
           for input VCF files

src/pages/scientificServices/pipelines/tabs/run/widgets/QuotaDetailsWidget.tsx

@@ -82,7 +82,7 @@ export const QuotaDetailsWidget = ({ selectedPipeline }: { selectedPipeline?: Pi
          for quota.
       </div>
       <div style={{ marginTop: '1rem' }}>
-        <ZendeskLink dockKey={DocsKey.QUOTA_DETAILS} additionalStyle={{ fontWeight: 'bold' }}>
+        <ZendeskLink docsKey={DocsKey.QUOTA_DETAILS} additionalStyle={{ fontWeight: 'bold' }}>
           Get help
         </ZendeskLink>
         &nbsp;with quota.