feat: server version checker

2022-12-30 14:39:48 +08:00
parent 4a973ee07a
commit 6fdd6b4ed9
3 changed files with 78 additions and 2 deletions
@@ -0,0 +1,20 @@
+import React, { PropsWithChildren } from 'react';
+import { useGetServerVersionQuery } from '../../app/services/server';
+import { compareVersion } from '../utils';
+
+type Props = {
+  version: string,
+}
+
+const ServerVersionChecker = ({ version, children }: PropsWithChildren<Props>) => {
+  const { data: currentVersion, isSuccess } = useGetServerVersionQuery();
+  if (!isSuccess) return null;
+  const res = compareVersion(currentVersion, version);
+  if (res < 0) return <div className='flex flex-col gap-2 items-start'>
+    <span className='text-gray-400 text-sm'>🚨 Server version:<strong className='font-bold'>{version}</strong> needed at least, your current version:<strong className='font-bold'>{currentVersion}</strong>, please upgrade the Server!</span>
+    <a className='text-blue-500 underline' href="https://doc.voce.chat/install/install-by-docker#update-vocechat-docker" target="_blank" rel="noopener noreferrer">How to Update VoceChat Server</a>
+  </div>;
+  return children;
+};
+
+export default ServerVersionChecker;