MP-2 init accounts app

Author: kkartunov

src/apps/accounts/README.md

@@ -0,0 +1 @@
+# Accounts App

src/apps/accounts/index.tsx

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

src/apps/accounts/src/AccountsApp.tsx

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

src/apps/accounts/src/accounts.routes.tsx

@@ -0,0 +1,30 @@
+import { lazyLoad, LazyLoadedComponent, PlatformRoute } from '~/libs/core'
+import { AppSubdomain, EnvironmentConfig, ToolTitle } from '~/config'
+
+const AccountsApp: LazyLoadedComponent = lazyLoad(() => import('./AccountsApp'))
+const AccountSettingsPage: LazyLoadedComponent = lazyLoad(() => import('./settings'), 'AccountSettingsPage')
+
+export const rootRoute: string = (
+    EnvironmentConfig.SUBDOMAIN === AppSubdomain.accounts ? '' : `/${AppSubdomain.accounts}`
+)
+
+export const toolTitle: string = ToolTitle.accounts
+export const absoluteRootRoute: string = `${window.location.origin}${rootRoute}`
+
+export const accountsRoutes: ReadonlyArray<PlatformRoute> = [
+    {
+        authRequired: true,
+        children: [
+            {
+                children: [],
+                element: <AccountSettingsPage />,
+                id: 'Account Settings',
+                route: '',
+            },
+        ],
+        domain: AppSubdomain.accounts,
+        element: <AccountsApp />,
+        id: toolTitle,
+        route: rootRoute,
+    },
+]

src/apps/accounts/src/index.ts

@@ -0,0 +1,4 @@
+export {
+    accountsRoutes,
+    rootRoute as accountsRootRoute,
+} from './accounts.routes'

src/apps/accounts/src/lib/accounts-swr/AccountsSwr.tsx

@@ -0,0 +1,23 @@
+import { FC, ReactNode } from 'react'
+import { SWRConfig } from 'swr'
+
+import { xhrGetAsync } from '~/libs/core'
+
+interface AccountsSwrProps {
+    children: ReactNode
+}
+
+const AccountsSwr: FC<AccountsSwrProps> = (props: AccountsSwrProps) => (
+    <SWRConfig
+        value={{
+            fetcher: resource => xhrGetAsync(resource),
+            refreshInterval: 0,
+            revalidateOnFocus: false,
+            revalidateOnMount: true,
+        }}
+    >
+        {props.children}
+    </SWRConfig>
+)
+
+export default AccountsSwr

src/apps/accounts/src/lib/accounts-swr/index.ts

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

src/apps/accounts/src/lib/index.ts

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

src/apps/accounts/src/settings/AccountSettingsPage.tsx

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

src/apps/accounts/src/settings/index.ts

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