Merge pull request #967 from topcoder-platform/dev

feat: add wallet-admin app

Author: rakibansary

.circleci/config.yml

@@ -257,7 +257,7 @@ workflows:
                       branches:
                           only:
                               - dev
-                              - TSJR-314_skill-manager_landing-page
+                              - feat/wallet-admin
 
             - deployQa:
                   context: org-global

craco.config.js

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

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

@@ -11,6 +11,7 @@ import { accountsRoutes } from '~/apps/accounts'
 import { onboardingRoutes } from '~/apps/onboarding'
 import { adminRoutes } from '~/apps/admin'
 import { walletRoutes } from '~/apps/wallet'
+import { walletAdminRoutes } from '~/apps/wallet-admin'
 
 const Home: LazyLoadedComponent = lazyLoad(
     () => import('./routes/home'),
@@ -38,6 +39,7 @@ export const platformRoutes: Array<PlatformRoute> = [
     ...talentSearchRoutes,
     ...profilesRoutes,
     ...walletRoutes,
+    ...walletAdminRoutes,
     ...accountsRoutes,
     ...adminRoutes,
     ...homeRoutes,

src/apps/wallet-admin/.prettierrc

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

src/apps/wallet-admin/README.md

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

src/apps/wallet-admin/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-admin.routes'
+import { WalletSwr } from './lib'
+
+const AccountsApp: FC<{}> = () => {
+    const { getChildRoutes }: RouterContextData = useContext(routerContext)
+
+    return (
+        <WalletSwr>
+            <Outlet />
+            <Routes>{getChildRoutes(toolTitle)}</Routes>
+        </WalletSwr>
+    )
+}
+
+export default AccountsApp

src/apps/wallet-admin/src/WalletAdminApp.tsx

@@ -0,0 +1,19 @@
+import { FC, useContext } from 'react'
+
+import { profileContext, ProfileContextData } from '~/libs/core'
+import { LoadingSpinner } from '~/libs/ui'
+
+import { WalletAdminLayout } from './page-layout'
+
+const AccountSettingsPage: FC<{}> = () => {
+    const { profile, initialized }: ProfileContextData = useContext(profileContext)
+
+    return (
+        <>
+            <LoadingSpinner hide={initialized} />
+            {initialized && profile && <WalletAdminLayout profile={profile} />}
+        </>
+    )
+}
+
+export default AccountSettingsPage

src/apps/wallet-admin/src/home/WalletAdminHomePage.tsx

@@ -0,0 +1 @@
+export { default as WalletHomePage } from './WalletAdminHomePage'

src/apps/wallet-admin/src/home/index.ts

@@ -0,0 +1,5 @@
+@import '@libs/ui/styles/includes';
+
+.contentLayoutOuter {
+    margin: $sp-8 auto !important;
+}