feat: add server version to FAQ page

src/app/services/server.js

@@ -29,7 +29,6 @@ export const serverApi = createApi({
         //   accept: "text/plain",
         // },
         url: `/admin/system/third_party_secret`,
-
         responseHandler: (response) => response.text(),
       }),
       keepUnusedDataFor: 0,
@@ -44,6 +43,16 @@ export const serverApi = createApi({
     getMetrics: builder.query({
       query: () => ({ url: `/admin/system/metrics` }),
     }),
+    getServerVersion: builder.query({
+      query: () => ({
+        headers: {
+          // "content-type": "text/plain",
+          accept: "text/plain",
+        },
+        url: `/admin/system/version`,
+        responseHandler: (response) => response.text(),
+      }),
+    }),
     getFirebaseConfig: builder.query({
       query: () => ({ url: `admin/fcm/config` }),
     }),
@@ -161,6 +170,7 @@ export const serverApi = createApi({
 });
 
 export const {
+  useGetServerVersionQuery,
   useGetGoogleAuthConfigQuery,
   useUpdateGoogleAuthConfigMutation,
   useGetSMTPStatusQuery,

src/common/component/FAQ.js

@@ -1,20 +1,22 @@
 // import React from "react";
 import styled from "styled-components";
 import pkg from "../../../package.json";
-
+import { useGetServerVersionQuery } from "../../app/services/server";
 const Styled = styled.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
 `;
 export default function FAQ() {
-  console.log("build time", process.env);
+  const { data: serverVersion } = useGetServerVersionQuery();
+  console.log("build time", serverVersion);
   return (
     <Styled>
+      <div className="item">Client Version: {pkg.version}</div>
+      <div className="item">Server Version: {serverVersion}</div>
       <div className="item">
         Build Timestamp: {process.env.REACT_APP_BUILD_TIME}
       </div>
-      <div className="item">Version: {pkg.version}</div>
     </Styled>
   );
 }