From 039e8a6fe601fcc0e3d23815d476e2d68e1de081 Mon Sep 17 00:00:00 2001
From: James Liu <37026441+zijianjoy@users.noreply.github.com>
Date: Fri, 11 Jun 2021 16:38:34 -0700
Subject: [PATCH] fix(frontend): Update instruction link in upload pipeline
 page. (#5847)

---
 frontend/src/components/UploadPipelineDialog.tsx |  4 ++--
 frontend/src/pages/NewPipelineVersion.tsx        | 11 +----------
 2 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/UploadPipelineDialog.tsx b/frontend/src/components/UploadPipelineDialog.tsx
index 7bdd36ba521..fbc3baf69c6 100644
--- a/frontend/src/components/UploadPipelineDialog.tsx
+++ b/frontend/src/components/UploadPipelineDialog.tsx
@@ -281,10 +281,10 @@ class UploadPipelineDialog extends React.Component<
 
 export default UploadPipelineDialog;
 
-const DocumentationCompilePipeline: React.FC = () => (
+export const DocumentationCompilePipeline: React.FC = () => (
   <div className={padding(10, 'b')}>
     For expected file format, refer to{' '}
-    <ExternalLink href='https://www.kubeflow.org/docs/pipelines/sdk/build-component/#compile-the-pipeline'>
+    <ExternalLink href='https://www.kubeflow.org/docs/components/pipelines/sdk/v2/build-pipeline/#compile-and-run-your-pipeline'>
       Compile Pipeline Documentation
     </ExternalLink>
     .
diff --git a/frontend/src/pages/NewPipelineVersion.tsx b/frontend/src/pages/NewPipelineVersion.tsx
index e817890b872..f5dec408260 100644
--- a/frontend/src/pages/NewPipelineVersion.tsx
+++ b/frontend/src/pages/NewPipelineVersion.tsx
@@ -41,6 +41,7 @@ import { Description } from '../components/Description';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
 import Radio from '@material-ui/core/Radio';
 import { ExternalLink } from '../atoms/ExternalLink';
+import { DocumentationCompilePipeline } from 'src/components/UploadPipelineDialog';
 
 interface NewPipelineVersionState {
   validationError: string;
@@ -664,13 +665,3 @@ class NewPipelineVersion extends Page<{}, NewPipelineVersionState> {
 }
 
 export default NewPipelineVersion;
-
-const DocumentationCompilePipeline: React.FC = () => (
-  <div className={padding(10, 'b')}>
-    For expected file format, refer to{' '}
-    <ExternalLink href='https://www.kubeflow.org/docs/pipelines/sdk/build-component/#compile-the-pipeline'>
-      Compile Pipeline Documentation
-    </ExternalLink>
-    .
-  </div>
-);