add pwa promotion bar

public/static/manifest.json

@@ -13,7 +13,7 @@
       "type": "image/png"
     }
   ],
-  "start_url": "/?src=pwa",
+  "start_url": "/?app",
   "display": "standalone",
   "theme_color": "#112244",
   "background_color": "#112244"

src/Common.js

@@ -94,4 +94,15 @@ export class SafeTextarea extends Component {
             <textarea ref={this.area_ref} onChange={this.on_change_bound} value={this.state.text} />
         )
     }
+}
+
+export function PromotionBar(props) {
+    const is_ios=/iPhone|iPad|iPod/i.test(window.navigator.userAgent);
+    // noinspection JSConstructorReturnsPrimitive
+    return is_ios ? (
+        <div className="box promotion-bar">
+            <span className="icon icon-about" />&nbsp;
+            在 Safari 中将本网站 <b>添加到主屏幕</b> 更好用哦
+        </div>
+    ) : null;
 }

src/Title.js

@@ -1,6 +1,7 @@
 import React, {Component, PureComponent} from 'react';
 import {LoginForm, PostForm} from './UserAction';
 import {TokenCtx} from './UserAction';
+import {PromotionBar} from './Common';
 
 import './Title.css';
 
@@ -114,6 +115,7 @@ class ControlBar extends PureComponent {
                         this.props.show_sidebar(
                             'P大树洞（非官方）网页版',
                             <div>
+                                <PromotionBar />
                                 <LoginForm />
                                 {HELP_TEXT}
                             </div>