feat: meta component

src/common/component/Meta.js

@@ -0,0 +1,18 @@
+// import React from 'react'
+import { Helmet } from "react-helmet";
+
+import BASE_URL from "../../app/config";
+import { useGetServerQuery } from "../../app/services/server";
+
+export default function Meta() {
+  const { data, isSuccess } = useGetServerQuery();
+
+  return (
+    <>
+      <Helmet>
+        <link rel="icon" href={`${BASE_URL}/resource/organization/logo`} />
+        {isSuccess && <title>{data.name} Web App</title>}
+      </Helmet>
+    </>
+  );
+}

src/index.js

@@ -1,7 +1,6 @@
 // import React from 'react';
 import ReactDOM from "react-dom";
 import { Toaster } from "react-hot-toast";
-import { Helmet } from "react-helmet";
 import { Reset } from "styled-reset";
 
 import { DndProvider } from "react-dnd";
@@ -10,13 +9,9 @@ import "./assets/vars.css";
 import "animate.css";
 import MarkdownStyleOverride from "./common/component/MarkdownStyleOverride";
 import ReduxRoutes from "./routes";
-import BASE_URL from "./app/config";
 
 ReactDOM.render(
   <>
-    <Helmet>
-      <link rel="icon" href={`${BASE_URL}/resource/organization/logo`} />
-    </Helmet>
     <Reset />
     <Toaster />
     <DndProvider backend={HTML5Backend}>

src/routes/index.js

@@ -9,6 +9,7 @@ import ChatPage from "./chat";
 import ContactsPage from "./contacts";
 import RequireAuth from "../common/component/RequireAuth";
 import RequireNoAuth from "../common/component/RequireNoAuth";
+import Meta from "../common/component/Meta";
 
 import store from "../app/store";
 import InvitePage from "./invite";
@@ -84,6 +85,7 @@ export default function ReduxRoutes() {
   return (
     <Provider store={store}>
       {/* <PersistGate loading={null} persistor={persistStore(store)}> */}
+      <Meta />
       <PageRoutes />
       {/* </PersistGate> */}
     </Provider>