CodeMirror/ntfy
1
0
Fork 0
mirror of https://github.com/binwiederhier/ntfy.git synced 2024-06-18 18:34:58 +12:00
Code Issues Projects Releases Wiki Activity

Preview local file before send

Browse source
This commit is contained in:
Cao Mingjun 2023-11-25 03:39:26 +00:00 committed by GitHub
parent a3312f69fb
commit 94781c89f3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
web/src/components/AttachmentIcon.jsx
View file

@ -1,5 +1,5 @@
import * as React from "react"; import * as React from "react";
import { Box } from "@mui/material"; import { Box, Link } from "@mui/material";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import fileDocument from "../img/file-document.svg"; import fileDocument from "../img/file-document.svg";
import fileImage from "../img/file-image.svg"; import fileImage from "../img/file-image.svg";
@ -32,16 +32,18 @@ const AttachmentIcon = (props) => {
imageLabel = t("notifications_attachment_file_document"); imageLabel = t("notifications_attachment_file_document");
} }
return ( return (
<Box <Link href={props.href} target="_blank">
component="img" <Box
src={imageFile} component="img"
alt={imageLabel} src={imageFile}
loading="lazy" alt={imageLabel}
sx={{ loading="lazy"
width: "28px", sx={{
height: "28px", width: "28px",
}} height: "28px",
/> }}
/>
</Link>
); );
}; };

2
web/src/components/PublishDialog.jsx
View file

@ -798,7 +798,7 @@ const AttachmentBox = (props) => {
borderRadius: "4px", borderRadius: "4px",
}} }}
> >
<AttachmentIcon type={file.type} /> <AttachmentIcon type={file.type} href={URL.createObjectURL(file)} />
<Box sx={{ marginLeft: 1, textAlign: "left" }}> <Box sx={{ marginLeft: 1, textAlign: "left" }}>
<ExpandingTextField <ExpandingTextField
minWidth={140} minWidth={140}