add pwa promotion

src/Common.js

@@ -102,15 +102,38 @@ export class SafeTextarea extends Component {
     }
 }
 
+let pwa_prompt_event=null;
+window.addEventListener('beforeinstallprompt', (e) => {
+    console.log('pwa: received before install prompt');
+    pwa_prompt_event=e;
+});
+
 export function PromotionBar(props) {
-    const is_ios=/iPhone|iPad|iPod/i.test(window.navigator.userAgent);
+    let is_ios=/iPhone|iPad|iPod/i.test(window.navigator.userAgent);
-    // noinspection JSConstructorReturnsPrimitive
+    let is_installed=(window.matchMedia('(display-mode: standalone)').matches) || (window.navigator.standalone);
-    return is_ios ? (
+
-        <div className="box promotion-bar">
+    if(is_installed)
-            <span className="icon icon-about" />&nbsp;
+        return null;
-            用 Safari 将本网站 <b>添加到主屏幕</b> 更好用
+
-        </div>
+    if(is_ios)
-    ) : null;
+        // noinspection JSConstructorReturnsPrimitive
+        return !navigator.standalone ? (
+            <div className="box promotion-bar">
+                <span className="icon icon-about" />&nbsp;
+                用 Safari 把树洞 <b>添加到主屏幕</b> 更好用
+            </div>
+        ) : null;
+    else
+        // noinspection JSConstructorReturnsPrimitive
+        return pwa_prompt_event ? (
+            <div className="box promotion-bar">
+                <span className="icon icon-about" />&nbsp;
+                把网页版树洞 <b><a onClick={()=>{
+                    if(pwa_prompt_event)
+                        pwa_prompt_event.prompt();
+            }}>安装到桌面</a></b> 更好用
+            </div>
+        ) : null;
 }
 
 export class ClickHandler extends PureComponent {

src/Title.js

@@ -133,7 +133,7 @@ class ControlBar extends PureComponent {
                                     <a onClick={()=>{this.props.show_sidebar(
                                         '设置',
                                         <ConfigUI />
-                                    )}}>树洞网页版设置</a>
+                                    )}}>网页版树洞设置</a>
                                     &nbsp;/&nbsp;
                                     <a href="http://pkuhelper.pku.edu.cn/treehole_rules.html" target="_blank">树洞规范</a>
                                     &nbsp;/&nbsp;