diff --git a/public/locales/en-US/application.json b/public/locales/en-US/application.json index 594220c..474d42a 100755 --- a/public/locales/en-US/application.json +++ b/public/locales/en-US/application.json @@ -404,6 +404,7 @@ "deleteViewSetting": "Delete view setting" }, "modals": { + "scanQRCodeToAccess": "Scan QR Code to Access", "includePasswordInShareLink": "Include password in share link", "includePasswordInShareLinkDes": "If selected, password will be included in the share link, and no password is required when accessing the share link.", "showFileName": "Show file name", diff --git a/public/locales/zh-CN/application.json b/public/locales/zh-CN/application.json index b11521f..9d17b39 100755 --- a/public/locales/zh-CN/application.json +++ b/public/locales/zh-CN/application.json @@ -404,6 +404,7 @@ "deleteViewSetting": "删除视图设置" }, "modals": { + "scanQRCodeToAccess": "扫描二维码访问分享链接", "includePasswordInShareLink": "在链接中包含密码", "includePasswordInShareLinkDes": "勾选后,分享链接中会包含密码,通过此链接访问时不需要再输入密码。", "showFileName": "显示文件名", diff --git a/src/component/FileManager/Dialogs/Share/ShareDialog.tsx b/src/component/FileManager/Dialogs/Share/ShareDialog.tsx index 6a82ef2..ff468db 100755 --- a/src/component/FileManager/Dialogs/Share/ShareDialog.tsx +++ b/src/component/FileManager/Dialogs/Share/ShareDialog.tsx @@ -1,4 +1,16 @@ -import { Box, Checkbox, Collapse, DialogContent, IconButton, Stack, Tooltip, useTheme } from "@mui/material"; +import { + Box, + Checkbox, + Collapse, + DialogContent, + IconButton, + Paper, + Stack, + Tooltip, + Typography, + useTheme, +} from "@mui/material"; +import { QRCodeSVG } from "qrcode.react"; import dayjs from "dayjs"; import { TFunction } from "i18next"; import React, { useCallback, useEffect, useMemo, useState } from "react"; @@ -216,6 +228,17 @@ const ShareDialog = () => { }, }} /> + + + {t("application:modals.scanQRCodeToAccess")} + + + + + {shareLinkPassword.password && ( <>