From d1afb15a7a146ed5f09a7049adba11d9dbacded8 Mon Sep 17 00:00:00 2001
From: chenos <chenlinxh@gmail.com>
Date: Tue, 24 May 2022 15:07:48 +0800
Subject: [PATCH] fix(client): add RemoteDocumentTitleProvider

---
 packages/app/client/src/pages/index.tsx           |  6 +++---
 packages/core/client/src/document-title/index.tsx | 10 ++++++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/app/client/src/pages/index.tsx b/packages/app/client/src/pages/index.tsx
index b914c081e9..c5b8fc4f48 100644
--- a/packages/app/client/src/pages/index.tsx
+++ b/packages/app/client/src/pages/index.tsx
@@ -13,11 +13,11 @@ import {
   CollectionManagerShortcut,
   compose,
   DesignableSwitch,
-  DocumentTitleProvider,
   FileStorageShortcut,
   i18n,
   MenuItemInitializers,
   PluginManagerProvider,
+  RemoteDocumentTitleProvider,
   RemoteRouteSwitchProvider,
   // RemoteCollectionManagerProvider,
   RouteSchemaComponent,
@@ -47,7 +47,7 @@ apiClient.axios.interceptors.response.use(
   (error) => {
     const redirectTo = error?.response?.data?.redirectTo;
     if (redirectTo) {
-      return window.location.href = redirectTo;
+      return (window.location.href = redirectTo);
     }
     notification.error({
       message: error?.response?.data?.errors?.map?.((error: any) => {
@@ -109,7 +109,7 @@ const providers = [
   ACLProvider,
   ChinaRegionProvider,
   WorkflowRouteProvider,
-  [DocumentTitleProvider, { addonAfter: 'NocoBase' }],
+  RemoteDocumentTitleProvider,
 ];
 
 const App = compose(...providers)(() => {
diff --git a/packages/core/client/src/document-title/index.tsx b/packages/core/client/src/document-title/index.tsx
index 00d3afc67a..c585e5821c 100644
--- a/packages/core/client/src/document-title/index.tsx
+++ b/packages/core/client/src/document-title/index.tsx
@@ -1,5 +1,6 @@
 import React, { createContext, useContext, useEffect, useState } from 'react';
 import { Helmet } from 'react-helmet';
+import { useSystemSettings } from '../system-settings';
 
 interface DocumentTitleContextProps {
   title?: any;
@@ -32,6 +33,15 @@ export const DocumentTitleProvider: React.FC<{ addonBefore?: string; addonAfter?
   );
 };
 
+export const RemoteDocumentTitleProvider: React.FC = (props) => {
+  const ctx = useSystemSettings();
+  return (
+    <DocumentTitleProvider addonAfter={ctx?.data?.data?.title}>
+      {props.children}
+    </DocumentTitleProvider>
+  );
+};
+
 export const useDocumentTitle = () => {
   return useContext(DocumentTitleContext);
 };