fix

Author: sunnylqm

src/pages/apps/index.tsx

@@ -1,3 +1,3 @@
 import { Alert } from 'antd';
 
-export default () => <Alert message='请选择应用' showIcon />;
+export const Component = () => <Alert message='请选择应用' showIcon />;

src/pages/apps/state.ts

@@ -2,6 +2,7 @@ import { Modal } from 'antd';
 import { observable, runInAction } from 'mobx';
 import request from '../../request';
 import store, { fetchApps } from '../../store';
+import { rootRouterPath, router } from '../../router';
 
 const state = observable.object({
   apps: observable.array<App>(),
@@ -36,7 +37,7 @@ export function removeApp(app: App) {
     async onOk() {
       await request('delete', `app/${app.id}`);
       fetchApps();
-      store.history.replace('/apps');
+      router.navigate(rootRouterPath.apps);
     },
   });
 }

src/pages/versions/packages.tsx

@@ -12,7 +12,7 @@ const PackageList = ({ dataSource }: { dataSource: Package[] }) => (
     renderItem={(item) => <Item item={item} />}
   />
 );
-export const Component = PackageList;
+export default PackageList;
 
 function remove(item: Package) {
   Modal.confirm({

src/pages/versions/versions.tsx

@@ -215,7 +215,7 @@ function renderTextCol({
   );
 }
 
-export const Component = observer(() => {
+export default observer(() => {
   const { versions, pagination, loading, selected } = state;
 
   return (

src/router.tsx

@@ -18,6 +18,7 @@ export const rootRouterPath = {
   apps: '/apps',
   versions: (id: string) => `/apps/${id}`,
   resetPassword: (step: string) => `/reset-password/${step}`,
+  inactivated: '/inactivated',
 };
 
 export const router = createHashRouter([
@@ -49,6 +50,10 @@ export const router = createHashRouter([
         path: 'register',
         lazy: () => import('./pages/register'),
       },
+      {
+        path: 'apps',
+        lazy: () => import('./pages/apps'),
+      },
       {
         path: 'apps/:id',
         lazy: () => import('./pages/versions'),

src/store.ts

@@ -3,6 +3,7 @@ import { History } from 'history';
 import md5 from 'blueimp-md5';
 import { observable, runInAction } from 'mobx';
 import request, { RequestError } from './request';
+import { rootRouterPath, router } from './router';
 
 const noop = () => {};
 const initState = {
@@ -35,7 +36,7 @@ export async function login(email: string, password: string) {
   } catch (e) {
     if (e instanceof RequestError) {
       if (e.code === 423) {
-        store.history.push('/inactivated');
+        router.navigate(rootRouterPath.inactivated);
       } else {
         message.error(e.message);
       }