fix(dop): project release management bug (erda-project#2441)

Author: hujiahao-hjh

shell/app/modules/project/pages/release/components/application-detail.tsx

@@ -39,15 +39,17 @@ const ReleaseApplicationDetail = () => {
     userId,
     createdAt,
     labels = {} as RELEASE.Labels,
-    markdown,
+    changelog,
     images = [],
     isFormal,
   } = releaseDetail;
 
   const getDetail = React.useCallback(async () => {
     if (releaseID) {
-      const detail = await getReleaseDetail({ releaseID });
-      setReleaseDetail(detail);
+      const res = await getReleaseDetail({ releaseID });
+      if (res.success) {
+        setReleaseDetail(res.data);
+      }
     }
   }, [releaseID, setReleaseDetail]);
 
@@ -103,7 +105,7 @@ const ReleaseApplicationDetail = () => {
             <div className="mb-2">
               <div className="text-black-400 mb-2">{i18n.t('content')}</div>
               <div>
-                <ReactMarkdown remarkPlugins={[remarkGfm]}>{markdown || i18n.t('dop:no content yet')}</ReactMarkdown>
+                <ReactMarkdown remarkPlugins={[remarkGfm]}>{changelog || i18n.t('dop:no content yet')}</ReactMarkdown>
               </div>
             </div>
           </div>

shell/app/modules/project/pages/release/components/form.tsx

@@ -30,7 +30,7 @@ import { getReleaseList, getReleaseDetail, addRelease, updateRelease } from 'pro
 
 import './form.scss';
 
-const ReleaseForm = ({ readyOnly = false }: { readyOnly: boolean }) => {
+const ReleaseForm = ({ readyOnly = false }: { readyOnly?: boolean }) => {
   const formRef = React.useRef<FormInstance>();
   const { params } = routeInfoStore.getState((s) => s);
   const { projectId, releaseID } = params;

shell/app/modules/project/pages/release/components/update.tsx

@@ -0,0 +1,43 @@
+// Copyright (c) 2021 Terminus, Inc.
+//
+// This program is free software: you can use, redistribute, and/or modify
+// it under the terms of the GNU Affero General Public License, version 3
+// or later ("AGPL"), as published by the Free Software Foundation.
+//
+// This program is distributed in the hope that it will be useful, but WITHOUT
+// ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+// FITNESS FOR A PARTICULAR PURPOSE.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <http://www.gnu.org/licenses/>.
+
+import React from 'react';
+import routeInfoStore from 'core/stores/route';
+import { getReleaseDetail } from 'project/services/release';
+import ReleaseForm from './form';
+import ReleaseApplicationDetail from './application-detail';
+
+const ReleaseUpdate = () => {
+  const { params } = routeInfoStore.getState((s) => s);
+  const { releaseID } = params;
+  const [releaseDetail, setReleaseDetail] = React.useState<RELEASE.ReleaseDetail>({} as RELEASE.ReleaseDetail);
+  const { isProjectRelease } = releaseDetail;
+
+  const getDetail = React.useCallback(async () => {
+    if (releaseID) {
+      const res = await getReleaseDetail({ releaseID });
+      if (res.success) {
+        const { data } = res;
+        setReleaseDetail(data);
+      }
+    }
+  }, [releaseID, setReleaseDetail]);
+
+  React.useEffect(() => {
+    getDetail();
+  }, [getDetail]);
+
+  return <div>{isProjectRelease ? <ReleaseForm /> : <ReleaseApplicationDetail isEdit={true} />}</div>;
+};
+
+export default ReleaseUpdate;

shell/app/modules/project/router.tsx

@@ -418,7 +418,7 @@ function getProjectRouter(): RouteConfigItem[] {
             {
               path: 'updateRelease/:releaseID',
               pageName: i18n.t('edit {name}', { name: i18n.t('Artifact') }),
-              getComp: (cb) => cb(import('project/pages/release/components/form')),
+              getComp: (cb) => cb(import('project/pages/release/components/update')),
             },
           ],
         },

shell/app/modules/project/types/release.d.ts

@@ -27,9 +27,10 @@ declare namespace RELEASE {
     createdAt: string;
     labels: Labels;
     isFormal: boolean;
-    markdown: string;
+    changelog: string;
     images: string[];
     diceyml: string;
+    isProjectRelease?: boolean;
   }
 
   interface ApplicationDetail {