add upload to Version page

interface/src/app/settings/DownloadUpload.tsx

@@ -126,7 +126,7 @@ const DownloadUpload = () => {
           <Typography variant="body1">{LL.UPLOAD_TEXT()}.</Typography>
         </Box>
 
-        <SingleUpload doRestart={doRestart} />
+        <SingleUpload text={LL.UPLOAD_DRAG()} doRestart={doRestart} />
       </>
     );
   };

interface/src/app/settings/Version.tsx

@@ -21,13 +21,19 @@ import {
 } from '@mui/material';
 
 import * as SystemApi from 'api/system';
-import { callAction } from 'api/app';
+import { API, callAction } from 'api/app';
 import { getDevVersion, getStableVersion } from 'api/system';
 
 import { dialogStyle } from 'CustomTheme';
 import { useRequest } from 'alova/client';
+import type { APIcall } from 'app/main/types';
 import SystemMonitor from 'app/status/SystemMonitor';
-import { FormLoader, SectionContent, useLayoutTitle } from 'components';
+import {
+  FormLoader,
+  SectionContent,
+  SingleUpload,
+  useLayoutTitle
+} from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 
 const Version = () => {
@@ -116,6 +122,19 @@ const Version = () => {
     }
   }
 
+  const { send: sendAPI } = useRequest((data: APIcall) => API(data), {
+    immediate: false
+  });
+
+  const doRestart = async () => {
+    setRestarting(true);
+    await sendAPI({ device: 'system', cmd: 'restart', id: 0 }).catch(
+      (error: Error) => {
+        toast.error(error.message);
+      }
+    );
+  };
+
   const getBinURL = () => {
     if (!internetLive) {
       return '';
@@ -417,6 +436,10 @@ const Version = () => {
             </Typography>
           )}
           {renderInstallDialog()}
+          <Typography sx={{ pt: 2, pb: 2 }} variant="h6" color="primary">
+            {LL.UPLOAD()}
+          </Typography>
+          <SingleUpload text={LL.UPLOAD_DROP_TEXT()} doRestart={doRestart} />
         </Box>
       </>
     );