refactor: download link

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vocechat-web",
-  "version": "0.3.17",
+  "version": "0.3.18",
   "private": true,
   "homepage": "https://voce.chat",
   "dependencies": {

src/common/component/BlankPlaceholder.tsx

@@ -6,7 +6,6 @@ import IconAsk from "../../assets/icons/placeholder.question.svg";
 import IconInvite from "../../assets/icons/placeholder.invite.svg";
 import IconDownload from "../../assets/icons/placeholder.download.svg";
 import UsersModal from "./UsersModal";
-import usePWAInstallPrompt from "../hook/usePWAInstallPrompt";
 import { useAppSelector } from "../../app/store";
 
 
@@ -19,7 +18,6 @@ const classes = {
   boxTip: "px-5 text-sm text-[#475467] font-bold text-center"
 };
 const BlankPlaceholder: FC<Props> = ({ type = "chat" }) => {
-  const { showPrompt } = usePWAInstallPrompt();
   const server = useAppSelector((store) => store.server);
   const [inviteModalVisible, setInviteModalVisible] = useState(false);
   const [createChannelVisible, setCreateChannelVisible] = useState(false);
@@ -55,10 +53,10 @@ const BlankPlaceholder: FC<Props> = ({ type = "chat" }) => {
             <IconChat className={classes.boxIcon} />
             <div className={classes.boxTip}>{chatTip}</div>
           </button>
-          <button onClick={showPrompt} className={classes.box} >
+          <a href={"https://voce.chat#download"} target={"_blank"} rel="noreferrer" className={classes.box} >
             <IconDownload className={classes.boxIcon} />
-            <div className={classes.boxTip}>Download PC and Mobile apps</div>
+            <div className={classes.boxTip}>Download Mobile apps</div>
-          </button>
+          </a>
           <a href={"https://voce.chat"} target={"_blank"} rel="noreferrer" className={classes.box} >
             <IconAsk className={classes.boxIcon} />
             <div className={classes.boxTip}>Got questions? Visit our help center</div>

src/common/hook/useSendMessage.ts

@@ -60,7 +60,7 @@ const useSendMessage = (props?: Props) => {
   };
   const sendMessage = async ({
     type = "text",
-    content,
+    content = "",
     properties,
     reply_mid,
     ...rest

src/index.tsx

@@ -1,4 +1,5 @@
-import "./wdyr";
+// just for debug performance problem
+// import "./wdyr";
 import ReactDOM from "react-dom/client";
 import toast, { Toaster } from "react-hot-toast";
 import { Reset } from "styled-reset";