Merge pull request #1804 from prupipho/release-readme-updates

Release readme updates
microsoft · May 12, 2021 · 8d0571f · 8d0571f
2 parents edda7bc + ebc882e
commit 8d0571f
Show file tree

Hide file tree

Showing 5 changed files with 230 additions and 209 deletions.
diff --git a/src/client/package.json b/src/client/package.json
@@ -28,7 +28,7 @@
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-intl": "^2.8.0",
-    "react-markdown": "^4.3.1",
+    "react-markdown": "^6.0.2",
     "react-modal": "^3.8.1",
     "react-redux": "^7.2.0",
     "react-scripts": "4.0.3",

diff --git a/src/client/src/pages/DetailsPage/Details/index.tsx b/src/client/src/pages/DetailsPage/Details/index.tsx
@@ -31,21 +31,20 @@ const Details = ({ detailInfo, formatteDetailInfo, intl }: Props) => {
     isAuthorOrVersion?: boolean
   ) => {
     if (isAuthorOrVersion) {
-      return <ReactMarkdown source={info as string} renderers={{ link: LinkRenderer, paragraph: ParagraphRenderer }} />;
+      return <ReactMarkdown components={{ link: LinkRenderer, p: ParagraphRenderer }}>{info as string}</ReactMarkdown>;
     }
     if (formatteDetailInfo) {
       if (isMarkdown) {
         return (
-          <ReactMarkdown
-            source={intl.formatMessage(info as FormattedMessage.MessageDescriptor)}
-            renderers={{ link: LinkRenderer, paragraph: ParagraphRenderer }}
-          />
+          <ReactMarkdown components={{ link: LinkRenderer, p: ParagraphRenderer }}>
+            {intl.formatMessage(info as FormattedMessage.MessageDescriptor)}
+          </ReactMarkdown>
         );
       }
       return intl.formatMessage(info as FormattedMessage.MessageDescriptor);
     }
     if (isMarkdown) {
-      return <ReactMarkdown source={info as string} renderers={{ link: LinkRenderer, paragraph: ParagraphRenderer }} />;
+      return <ReactMarkdown components={{ link: LinkRenderer, p: ParagraphRenderer }}>{info as string}</ReactMarkdown>;
     } else {
       return info;
     }
@@ -80,7 +79,7 @@ const Details = ({ detailInfo, formatteDetailInfo, intl }: Props) => {
                       </p>
                     );
                   })
-                : <ReactMarkdown source={detailInfo.licenses} renderers={{ link: LinkRenderer }} /> ||
+                : <ReactMarkdown components={{ link: LinkRenderer }}>{detailInfo.licenses}</ReactMarkdown> ||
                   intl!.formatMessage(messages.none)}
             </div>
           </div>