chore: #1997 add redirect modal for legacy routes - marketplace

packages/marketplace/src/components/pages/handle-legacy-routes/handle-legacy-routes-modal.tsx

@@ -0,0 +1,36 @@
+import routes from '@/constants/routes'
+import { history } from '@/core/router'
+import React from 'react'
+import { Button, Modal } from '@reapit/elements'
+
+export const handleBtnBackToMarketplace = () => {
+  history.push(routes.APPS)
+}
+
+export const handleBtnGoTherNow = () => {
+  window.open(window.reapit.config.developerPortalUrl, '_self')
+}
+
+const HandleLegacyRoutesModal: React.FC<{}> = () => {
+  return (
+    <Modal
+      visible
+      title="Looking for the developer portal?"
+      footerItems={
+        <>
+          <Button type="button" variant="primary" onClick={handleBtnGoTherNow}>
+            Go there now
+          </Button>
+          <Button type="button" variant="primary" onClick={handleBtnBackToMarketplace}>
+            Back to Marketplace
+          </Button>
+        </>
+      }
+    >
+      The developer portal has permanently moved to https://developers.reapit.com Please remove any bookmarks to this
+      page and in future visit the developer portal direct. Thankyou.
+    </Modal>
+  )
+}
+
+export default HandleLegacyRoutesModal

packages/marketplace/src/components/pages/handle-legacy-routes/index.ts

@@ -0,0 +1 @@
+export { default } from './handle-legacy-routes-modal'

packages/marketplace/src/constants/routes.ts

@@ -13,6 +13,7 @@ const Routes = {
   HELP: '/help',
   LOGIN: '/login',
   FOUR_O_FOUR: '/404',
+  DEVELOPER_ROUTES: '/developer/*',
 }
 
 export const developerRoutes = {

packages/marketplace/src/core/index.tsx

@@ -32,6 +32,7 @@ window.reapit = {
     developerEditionDownloadUrl: '',
     urlSchemeUrl: '',
     apiDocDesktop: '',
+    developerPortalUrl: '',
   },
 }
 

packages/marketplace/src/core/router.tsx

@@ -18,6 +18,7 @@ const InstalledApps = React.lazy(() => catchChunkError(() => import('../componen
 const Setting = React.lazy(() => catchChunkError(() => import('../components/pages/settings')))
 const AppsManagement = React.lazy(() => catchChunkError(() => import('../components/pages/app-management')))
 const Help = React.lazy(() => catchChunkError(() => import('../components/pages/help')))
+const HandleLegacyRoutes = React.lazy(() => catchChunkError(() => import('../components/pages/handle-legacy-routes')))
 
 const Router = () => {
   return (
@@ -28,6 +29,14 @@ const Router = () => {
             <Route path={Routes.LOGIN} exact render={() => <Login />} />
             <Route path={Routes.FOUR_O_FOUR} exact render={() => <Info infoType="404" />} />
 
+            <PrivateRouteWrapper showMenu={false} path="/client">
+              <PrivateRoute allow="CLIENT" path="*" component={HandleLegacyRoutes} />
+            </PrivateRouteWrapper>
+
+            <PrivateRouteWrapper showMenu={false} path="/developer">
+              <PrivateRoute allow="DEVELOPER" path="*" component={HandleLegacyRoutes} />
+            </PrivateRouteWrapper>
+
             <PrivateRouteWrapper path="/">
               <Switch>
                 <PrivateRoute allow="CLIENT" path={Routes.AUTHENTICATION_LOGIN_TYPE} component={Authentication} />

packages/marketplace/src/types/global.d.ts

@@ -17,6 +17,7 @@ export type Config = {
   developerEditionDownloadUrl: string
   urlSchemeUrl: string
   apiDocDesktop: string
+  developerPortalUrl: string
 }
 
 declare global {