fix(flat-web): 2 icons not import from module (#737)

netless-io · Jun 10, 2021 · ecc1431 · ecc1431
1 parent 59b70ae
commit ecc1431
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/web/flat-web/src/components/CloudStorageButton.tsx b/web/flat-web/src/components/CloudStorageButton.tsx
@@ -1,4 +1,5 @@
 // TODO: remove this component when multi sub window is Done
+import cloudStorageSVG from "../assets/image/cloud-storage.svg";
 
 import { Modal } from "antd";
 import { TopBarRightBtn } from "flat-components";
@@ -27,7 +28,7 @@ export const CloudStorageButton = observer<CloudStorageButtonProps>(function Clo
         <>
             <TopBarRightBtn
                 title="Open Cloud Storage"
-                icon={<img src="/src/assets/image/cloud-storage.svg" />}
+                icon={<img src={cloudStorageSVG} />}
                 onClick={showModal}
             />
             <Modal

diff --git a/web/flat-web/src/components/InviteButton.tsx b/web/flat-web/src/components/InviteButton.tsx
@@ -1,3 +1,5 @@
+import inviteSVG from "../assets/image/invite.svg";
+
 import React, { useState } from "react";
 import { observer } from "mobx-react-lite";
 import { RoomItem } from "../stores/RoomStore";
@@ -15,7 +17,7 @@ export const InviteButton = observer<InviteButtonProps>(function InviteButton({
         <div>
             <TopBarRightBtn
                 title="Invite"
-                icon={<img src="/src/assets/image/invite.svg" />}
+                icon={<img src={inviteSVG} />}
                 onClick={() => showInviteModal(true)}
             />
             {roomInfo && (