From cb592da59b0eba01b51489229484390874c6c7ab Mon Sep 17 00:00:00 2001
From: xmcp <xiaoyuanan2000@sina.com>
Date: Tue, 28 Aug 2018 19:42:01 +0800
Subject: [PATCH] add pwa promotion bar

---
 public/static/manifest.json |  2 +-
 src/Common.js               | 11 +++++++++++
 src/Title.js                |  2 ++
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/public/static/manifest.json b/public/static/manifest.json
index 53c7737..12b6106 100644
--- a/public/static/manifest.json
+++ b/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"
diff --git a/src/Common.js b/src/Common.js
index 2099328..4a10249 100644
--- a/src/Common.js
+++ b/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;
 }
\ No newline at end of file
diff --git a/src/Title.js b/src/Title.js
index 64ca177..4a75594 100644
--- a/src/Title.js
+++ b/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>