chore: fixs tweaks and update texts

src/common/component/Manifest/Prompt.js

@@ -51,9 +51,7 @@ export default function Prompt({ handleInstall, closePrompt }) {
         <IconClose className="close" onClick={closePrompt} />
         <div className="tip">
           <h2 className="title">Install web app on desktop?</h2>
-          <p className="desc">
-            Put it on your desktop for quick access to apps.
-          </p>
+          <p className="desc">Add to desktop for quick access to this app.</p>
         </div>
         <div className="btns">
           <Button className="ghost cancel small" onClick={closePrompt}>

src/common/component/Manifest/index.js

@@ -5,7 +5,7 @@ import Prompt from "./Prompt";
 import usePrompt from "./usePrompt";
 
 export default function Manifest() {
-  const { setCanneled } = usePrompt();
+  const { setCanneled, prompted } = usePrompt();
   const deferredPromptRef = useRef(null);
   const [popup, setPopup] = useState(false);
   // const { data, isSuccess } = useGetServerQuery();
@@ -62,6 +62,6 @@ export default function Manifest() {
     setCanneled();
     setPopup(false);
   };
-  if (!popup) return null;
+  if (!popup || prompted) return null;
   return <Prompt handleInstall={handleInstall} closePrompt={handleClose} />;
 }

src/common/component/Manifest/usePrompt.js

@@ -1,16 +1,16 @@
 // import React from "react";
-const Key = `RUSTCHAT_PWA_PROMPT`;
+import { KEY_PWA_INSTALLED } from "../../../app/config";
 export default function usePrompt() {
   const resetPrompt = () => {
-    localStorage.removeItem(Key);
+    localStorage.removeItem(KEY_PWA_INSTALLED);
   };
   const setPrompt = () => {
-    localStorage.setItem(Key, true);
+    localStorage.setItem(KEY_PWA_INSTALLED, true);
   };
 
   return {
     setCanneled: setPrompt,
-    prompted: !!localStorage.getItem(Key),
+    prompted: !!localStorage.getItem(KEY_PWA_INSTALLED),
     resetPrompt,
   };
 }