Merge pull request #99 from topcoder-platform/PROD-2195_remove-mfe-yipee

PROD-2195 remove mfe -> PROD-2195_migrate

Author: brooketopcoder

config-overrides.js

@@ -0,0 +1,3 @@
+const { removeModuleScopePlugin } = require('customize-cra')
+
+module.exports = removeModuleScopePlugin()

package.json

@@ -10,15 +10,16 @@
         "build:dev": "sh build-dev.sh",
         "build:prod": "sh build-prod.sh",
         "eject": "react-scripts eject",
-        "lint": "tslint src-ts/**/*.{ts,tsx}",
-        "lint:fix": "tslint src-ts/**/*.{ts,tsx} --fix",
+        "lint": "tslint 'src-ts/**/*.{ts,tsx}'",
+        "lint:fix": "tslint 'src-ts/**/*.{ts,tsx}' --fix",
+        "eslint": "eslint 'src/**/*.{js,jsx}'",
+        "eslint:fix": "eslint 'src/**/*.{js,jsx}' --fix",
         "test": "react-scripts test",
         "test:no-watch": "npm test -- --watchAll=false"
     },
     "dependencies": {
         "@datadog/browser-logs": "^4.5.0",
         "@heroicons/react": "^1.0.6",
-        "@reach/router": "^1.3.4",
         "apexcharts": "^3.35.3",
         "axios": "^0.26.1",
         "browser-cookies": "^1.2.0",
@@ -87,8 +88,10 @@
         "concurrently": "^5.0.1",
         "config": "^3.3.6",
         "cross-env": "^7.0.2",
-        "eslint": "^6.7.2",
+        "customize-cra": "^1.0.0",
+        "eslint": "^8.18.0",
         "eslint-config-prettier": "^6.7.0",
+        "eslint-config-react-app": "^7.0.1",
         "eslint-config-react-important-stuff": "^2.0.0",
         "eslint-plugin-prettier": "^3.1.1",
         "file-loader": "^6.2.0",
@@ -99,6 +102,7 @@
         "postcss-scss": "^3.0.2",
         "prettier": "^2.0.4",
         "pretty-quick": "^2.0.1",
+        "react-app-rewired": "^2.2.1",
         "resolve-url-loader": "^3.1.2",
         "sass": "^1.48.0",
         "sass-loader": "^10.0.5",

public/index.html

@@ -8,6 +8,7 @@
   <meta name="theme-color" content="#000000" />
   <meta name="description"
     content="Topcoder is home to the world’s largest community of designers, developers, and data scientists. Allowing you the freedom to start and execute faster." />
+  <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Barlow'>
   <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Barlow Condensed'>
   <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto'>
   <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo_512x512.png" />

src-ts/App.tsx

@@ -21,7 +21,7 @@ const App: FC<{}> = () => {
             <Header />
             <Routes>
                 {routeElements}
-            </Routes >
+            </Routes>
             <ToastContainer
                 position={toast.POSITION.TOP_RIGHT}
                 autoClose={3000}

src-ts/config/constants.ts

@@ -2,11 +2,3 @@ export enum ToolTitle {
     settings = 'Account Settings',
     work = 'Work',
 }
-
-export enum FooterSocialConfig {
-    facebook = 'https://www.facebook.com/topcoder',
-    youtube = 'https://www.youtube.com/channel/UCFv29ANLT2FQmtvS9DRixNA',
-    linkedin = 'https://www.linkedin.com/company/topcoder',
-    twitter = 'https://twitter.com/topcoder',
-    instagram = 'https://www.instagram.com/topcoder',
-}

src-ts/declarations.d.ts

@@ -19,6 +19,4 @@ declare module '*.svg' {
     export default src
 }
 
-declare module '@topcoder/mfe-header'
-
 declare module 'tc-auth-lib'

src-ts/index.ts

@@ -10,10 +10,15 @@ export {
      OrderContractModal,
      PageFooter,
      PrivacyPolicyModal,
+     profileContext,
      ProfileProvider,
      RouteProvider,
      TabsNavbar,
      TermsModal,
+     xhrGetAsync,
+     xhrGetBlobAsync,
+     xhrPatchAsync,
+     xhrPostAsync,
 } from './lib'
 export * from './tools'
 export * from './utils'

src-ts/index.tsx

@@ -3,19 +3,23 @@ import ReactDOM from 'react-dom'
 import { BrowserRouter } from 'react-router-dom'
 
 import { default as App } from './App'
-import { EnvironmentConfig } from './config'
 import './index.scss'
 import { RouteProvider } from './lib'
 import reportWebVitals from './reportWebVitals'
-import { ToolsRoutes } from './tools'
+import {
+    routeRootLoggedIn,
+    routeRootLoggedOut,
+    ToolsRoutes,
+} from './tools'
 import { UtilsRoutes } from './utils'
 
 ReactDOM.render(
     <BrowserRouter>
         <RouteProvider
-            config={EnvironmentConfig}
             toolsRoutes={[...ToolsRoutes]}
             utilsRoutes={[...UtilsRoutes]}
+            rootLoggedIn={routeRootLoggedIn}
+            rootLoggedOut={routeRootLoggedOut}
         >
             <StrictMode>
                 <App />

src-ts/lib/breadcrumb/Breadcrumb.module.scss

@@ -14,6 +14,9 @@
 
     ol {
         display: flex;
+        padding-left: 0px;
+        margin: 0;
+
         &.hidden-mobile {
             @include ltemd {
                 display: none;
@@ -26,7 +29,7 @@
             }
         }
 
-        > li {
+        >li {
             display: inline-flex;
             align-items: center;
             padding: 0;
@@ -37,6 +40,7 @@
                 padding: $pad-md;
                 color: $black-80;
                 cursor: pointer;
+
                 &.elipsis {
                     color: $turq-160;
                 }
@@ -69,4 +73,4 @@
             }
         }
     }
-}
+}

src-ts/lib/breadcrumb/Breadcrumb.tsx

@@ -51,7 +51,6 @@ const Breadcrumb: FC<BreadcrumbProps> = (props: BreadcrumbProps) => {
                                         }}
                                     />
                                 </>
-
                             )
                         }
                     </>