chore(RHIF-224): Update /beta to /preview

To test, you can run via /beta or /preview. We previously had issues with the local app being served. To ensure that it is properly being served, run the app via beta and make a change in the code or add a console log and ensure that you're getting local changes.

README.md

@@ -32,7 +32,7 @@ Note: You will need to set up the Insights environment if you want to develop wi
 2. ```npm run start:beta```
     - with CI beta env
 
-3. visit ```https://prod.foo.redhat.com:1337/insights/malware/``` OR ```https://prod.foo.redhat.com:1337/beta/insights/malware/``` for beta env
+3. visit ```https://prod.foo.redhat.com:1337/insights/malware/``` OR ```https://prod.foo.redhat.com:1337/preview/insights/malware/``` for beta env
 
 ### Testing
 

config/dev.webpack.config.js

@@ -7,7 +7,7 @@ const { config: webpackConfig, plugins } = config({
     debug: true,
     deployment: process.env.BETA ? 'beta/apps' : 'apps',
     useProxy: true,
-    appUrl: process.env.BETA ? '/beta/insights/malware' : '/insights/malware',
+    appUrl: process.env.BETA ? ['/beta/insights/malware', '/preview/insights/malware'] : '/insights/malware',
     env: process.env.BETA ? 'stage-beta' : 'stage-stable',
     standalone: Boolean(process.env.STANDALONE)
 });

profiles/local-frontend-and-api.js

@@ -4,9 +4,9 @@ const FRONTEND_PORT = 8002;
 const API_PORT = 3000;
 const routes = {};
 
-routes[`/beta/${SECTION}/${APP_ID}`] = { host: `https://localhost:${FRONTEND_PORT}` };
+routes[`/preview/${SECTION}/${APP_ID}`] = { host: `https://localhost:${FRONTEND_PORT}` };
 routes[`/${SECTION}/${APP_ID}`] = { host: `https://localhost:${FRONTEND_PORT}` };
-routes[`/beta/apps/${APP_ID}`] = { host: `https://localhost:${FRONTEND_PORT}` };
+routes[`/preview/apps/${APP_ID}`] = { host: `https://localhost:${FRONTEND_PORT}` };
 routes[`/apps/${APP_ID}`] = { host: `https://localhost:${FRONTEND_PORT}` };
 
 routes[`/api/${APP_ID}`] = { host: `http://localhost:${API_PORT}` };

src/AppEntry.js

@@ -9,7 +9,6 @@ import PropTypes from 'prop-types';
 import { Provider } from 'react-redux';
 import { BrowserRouter as Router } from 'react-router-dom';
 import { cache } from './store/cache';
-import { getBaseName } from '@redhat-cloud-services/frontend-components-utilities/helpers/helpers';
 import { init, RegistryContext } from './store';
 import { globalFilters } from './store/cache';
 import logger from 'redux-logger';
@@ -68,7 +67,7 @@ const AppEntry = ({ useLogger, connectToDevTools }) => {
         <ApolloProvider client={client}>
             <RegistryContext.Provider value={{ getRegistry: () => registry }}>
                 <Provider store={registry.getStore()}>
-                    <Router basename={getBaseName(window.location.pathname)}>
+                    <Router>
                         <NotificationsPortal />
                         <App />
                     </Router>

src/Components/Common.js

@@ -16,7 +16,7 @@ const gqlProps = {
     error: propTypes.object
 };
 
-const isBeta = () => window.location.pathname.split('/')[1] === 'beta' ? '/beta' : '';
+const isBeta = () => window.location.pathname.split('/')[1] === 'preview' ? '/preview' : '';
 
 // Parse the match.metadata object and return a string of its 'key: value' items each on a separate line
 const expandMatchMetadata = (md) => {