Fix path not properly being shown without RnDiffApp

src/components/common/DiffViewer.js

@@ -130,7 +130,7 @@ const DiffViewer = ({
   }
 
   const diffSectionProps = {
-    diff: diff,
+    diff,
     getDiffKey: getDiffKey,
     completedDiffs: completedDiffs,
     fromVersion: fromVersion,

src/components/common/DownloadFileButton.js

@@ -5,9 +5,8 @@ import { DownloadOutlined } from '@ant-design/icons'
 import { getBinaryFileURL } from '../../utils'
 
 const DownloadFileButton = styled(
-  ({ visible, version, path, packageName, ...props }) => {
-    console.info(visible, version, path, packageName)
-    return visible ? (
+  ({ visible, version, path, packageName, ...props }) =>
+    visible ? (
       <Button
         {...props}
         type="ghost"
@@ -17,7 +16,6 @@ const DownloadFileButton = styled(
         href={getBinaryFileURL({ packageName, version, path })}
       />
     ) : null
-  }
 )`
   color: #24292e;
   font-size: 12px;

src/constants.js

@@ -1,4 +1,4 @@
-export const DEFAULT_APP_NAME = 'RnDiffApp'
+export const DEFAULT_APP_NAMES = ['RnDiffApp', 'DiffApp']
 
 export const PACKAGE_NAMES = {
   RN: 'react-native',

src/utils.js

@@ -1,7 +1,7 @@
 import semver from 'semver/preload'
 import {
   RN_DIFF_REPOSITORIES,
-  DEFAULT_APP_NAME,
+  DEFAULT_APP_NAMES,
   PACKAGE_NAMES,
   RN_CHANGELOG_URLS
 } from './constants'
@@ -30,17 +30,24 @@ export const getBinaryFileURL = ({ packageName, version, path }) => {
 }
 
 export const removeAppPathPrefix = (path, appName) =>
-  path.replace(new RegExp(`${appName || DEFAULT_APP_NAME}/`), '')
+  path
+    .replace(new RegExp(`${appName || DEFAULT_APP_NAMES.join('|')}/`), '')
+    .replace(/^\//, '')
 
 export const replaceWithProvidedAppName = (path, appName) => {
   if (!appName) {
     return path
   }
 
   return path
-    .replace(new RegExp(DEFAULT_APP_NAME, 'g'), appName)
+    .replace(new RegExp(DEFAULT_APP_NAMES.join('|'), 'g'), appName)
     .replace(
-      new RegExp(DEFAULT_APP_NAME.toLowerCase(), 'g'),
+      new RegExp(
+        DEFAULT_APP_NAMES.map(defaultAppName =>
+          defaultAppName.toLowerCase()
+        ).join('|'),
+        'g'
+      ),
       appName.toLowerCase()
     )
 }