Merge branch 'dev' of github.com:topcoder-platform/platform-ui into TSJR-314_skill-manager_landing-page

Author: vas3a

.editorconfig

@@ -10,3 +10,4 @@ end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
+quote_type = single

.prettierrc

@@ -0,0 +1,3 @@
+{
+    "semi": false
+}

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "prettier.requireConfig": true,
+    "editor.formatOnSave": false
+}

craco.config.js

@@ -43,6 +43,7 @@ module.exports = {
             '@gamificationAdmin': resolve('src/apps/gamification-admin/src'),
             '@talentSearch': resolve('src/apps/talent-search/src'),
             '@profiles': resolve('src/apps/profiles/src'),
+            '@wallet': resolve('src/apps/wallet/src'),
 
             '@platform': resolve('src/apps/platform/src'),
             // aliases used in SCSS files

package.json

@@ -30,6 +30,7 @@
     "@storybook/react": "^7.0.5",
     "@stripe/react-stripe-js": "1.13.0",
     "@stripe/stripe-js": "1.41.0",
+    "@tanstack/react-table": "^8.11.7",
     "@types/testing-library__jest-dom": "^5.14.5",
     "apexcharts": "^3.36.0",
     "axios": "^1.1.2",
@@ -85,6 +86,7 @@
     "react-helmet": "^6.1.0",
     "react-html-parser": "^2.0.2",
     "react-markdown": "8.0.6",
+    "react-otp-input": "^3.1.1",
     "react-popper": "^2.3.0",
     "react-redux": "^8.0.4",
     "react-redux-toastr": "^7.6.10",

src/apps/platform/src/platform.routes.tsx

@@ -10,8 +10,12 @@ import { talentSearchRoutes } from '~/apps/talent-search'
 import { accountsRoutes } from '~/apps/accounts'
 import { onboardingRoutes } from '~/apps/onboarding'
 import { adminRoutes } from '~/apps/admin'
+import { walletRoutes } from '~/apps/wallet'
 
-const Home: LazyLoadedComponent = lazyLoad(() => import('./routes/home'), 'HomePage')
+const Home: LazyLoadedComponent = lazyLoad(
+    () => import('./routes/home'),
+    'HomePage',
+)
 
 const homeRoutes: ReadonlyArray<PlatformRoute> = [
     {
@@ -33,6 +37,7 @@ export const platformRoutes: Array<PlatformRoute> = [
     ...gamificationAdminRoutes,
     ...talentSearchRoutes,
     ...profilesRoutes,
+    ...walletRoutes,
     ...accountsRoutes,
     ...adminRoutes,
     ...homeRoutes,

src/apps/wallet/.prettierrc

@@ -0,0 +1,7 @@
+{
+    "semi": false,
+    "trailingComma": "all",
+    "jsxSingleQuote": true,
+    "jsxBracketSameLine": true,
+    "printWidth": 120
+}

src/apps/wallet/README.md

@@ -0,0 +1 @@
+export * from './src'

src/apps/wallet/index.tsx

@@ -0,0 +1,20 @@
+import { FC, useContext } from 'react'
+import { Outlet, Routes } from 'react-router-dom'
+
+import { routerContext, RouterContextData } from '~/libs/core'
+
+import { toolTitle } from './wallet.routes'
+import { WalletSwr } from './lib'
+
+const AccountsApp: FC<{}> = () => {
+    const { getChildRoutes }: RouterContextData = useContext(routerContext)
+
+    return (
+        <WalletSwr>
+            <Outlet />
+            <Routes>{getChildRoutes(toolTitle)}</Routes>
+        </WalletSwr>
+    )
+}
+
+export default AccountsApp