message: fix: do not use a remote svg image in preview
diff: @@ -27,6 +27,7 @@ import { BiCopy, BiTrash } from "react-icons/bi";
  import { IoCheckmarkDone } from "react-icons/io5";
  import { saveAs } from "file-saver";
  import { atom, useAtom } from "jotai";
  +import { ImFileEmpty } from "react-icons/im";
  const Root = styled("div", {
  height: "100%",
  @@ -199,6 +200,10 @@ const CloseIcon = styled("div", {
  cursor: "pointer",
  });
  +const Placeholder = styled(ImFileEmpty, {
  + margin: "0 auto",
  +});
  +
  const DragNDrop = styled("div", {
  width: "100%",
  minHeight: "80vh",
  @@ -519,16 +524,14 @@ export function Detail() {
  size={18}
  />
  </CloseIcon>
  - <Image
  - src={
  - selectedFile.data.info.ContentType?.startsWith("image") &&
  + {selectedFile.data.info.ContentType?.startsWith("image") &&
  !isFileSizeTooLargeToPreview(
  selectedFile.data.info.ContentLength!
  - )
  - ? selectedFile.data.url
  - : "https://img.icons8.com/ios/12/e27152/file.svg"
  - }
  - />
  + ) ? (
  + <Image src={selectedFile.data.url} />
  + ) : (
  + <Placeholder size={180} color="#e27152" />
  + )}
  <PreviewTitle title={selectedFile.data.key.replace(prefix, "")}>
  {selectedFile.data.key.replace(prefix, "")}
  </PreviewTitle>
  