From 02e7ddc24a7ab13108c56741254d55ceb9b0c486 Mon Sep 17 00:00:00 2001
From: thuhole <thuhole@protonmail.com>
Date: Thu, 25 Jun 2020 15:10:41 +0800
Subject: [PATCH 1/3] update UI

---
 src/UserAction.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/UserAction.js b/src/UserAction.js
index 3befbb9..7c89f78 100644
--- a/src/UserAction.js
+++ b/src/UserAction.js
@@ -719,7 +719,7 @@ export class PostForm extends Component {
                         this.state.loading_status!=='done' ?
                         <button disabled="disabled">
                             <span className="icon icon-loading" />
-                            &nbsp;正在{this.state.loading_status==='processing' ? '处理' : '上传'}
+                            &nbsp;{this.state.loading_status==='processing' ? '处理' : '上传'}
                         </button> :
                         <button type="submit">
                             <span className="icon icon-send" />

From fe838f60f733b9476ecc0526f0202273836cedcb Mon Sep 17 00:00:00 2001
From: thuhole <thuhole@protonmail.com>
Date: Thu, 25 Jun 2020 15:44:06 +0800
Subject: [PATCH 2/3] bug fix

---
 src/UserAction.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/UserAction.js b/src/UserAction.js
index 7c89f78..578b96f 100644
--- a/src/UserAction.js
+++ b/src/UserAction.js
@@ -9,6 +9,7 @@ import {cache} from './cache';
 import {API_VERSION_PARAM, THUHOLE_API_ROOT, API, get_json, token_param} from './flows_api';
 
 import './UserAction.css';
+import {ColorPicker} from "./color_picker";
 
 const BASE64_RATE=4/3;
 const MAX_IMG_DIAM=8000;
@@ -399,6 +400,7 @@ export class ReplyForm extends Component {
         this.on_change_bound=this.on_change.bind(this);
         this.area_ref=this.props.area_ref||React.createRef();
         this.global_keypress_handler_bound=this.global_keypress_handler.bind(this);
+        this.color_picker=new ColorPicker();
     }
 
     global_keypress_handler(e) {
@@ -476,7 +478,7 @@ export class ReplyForm extends Component {
                 {
                     this.state.preview ? 
                     <div className='reply-preview'>
-                        <HighlightedMarkdown key={this.props.pid} text={this.state.text} color_picker={this.props.color_picker} show_pid={this.props.show_pid} />
+                        <HighlightedMarkdown key={this.props.pid} text={this.state.text} color_picker={this.color_picker} show_pid={this.props.show_pid} />
                     </div> :
                     <SafeTextarea key={this.props.pid} ref={this.area_ref} id={this.props.pid} on_change={this.on_change_bound} on_submit={this.on_submit.bind(this)} />
                 }
@@ -509,6 +511,7 @@ export class PostForm extends Component {
         this.area_ref=React.createRef();
         this.on_change_bound=this.on_change.bind(this);
         this.on_img_change_bound=this.on_img_change.bind(this);
+        this.color_picker=new ColorPicker();
     }
 
     componentDidMount() {
@@ -736,7 +739,7 @@ export class PostForm extends Component {
                 {
                     this.state.preview ? 
                     <div className='post-preview'>
-                        <HighlightedMarkdown text={this.state.text} color_picker={this.props.color_picker} show_pid={this.props.show_pid} /> 
+                        <HighlightedMarkdown text={this.state.text} color_picker={this.color_picker} show_pid={this.props.show_pid} />
                     </div> :
                     <SafeTextarea ref={this.area_ref} id="new_post" on_change={this.on_change_bound} on_submit={this.on_submit.bind(this)} />
                 }

From 326199a89b017fa57751c131a7ba003863358f3e Mon Sep 17 00:00:00 2001
From: thuhole <thuhole@protonmail.com>
Date: Thu, 25 Jun 2020 15:54:47 +0800
Subject: [PATCH 3/3] bug fix

---
 src/UserAction.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/UserAction.js b/src/UserAction.js
index 578b96f..e83e406 100644
--- a/src/UserAction.js
+++ b/src/UserAction.js
@@ -478,7 +478,7 @@ export class ReplyForm extends Component {
                 {
                     this.state.preview ? 
                     <div className='reply-preview'>
-                        <HighlightedMarkdown key={this.props.pid} text={this.state.text} color_picker={this.color_picker} show_pid={this.props.show_pid} />
+                        <HighlightedMarkdown text={this.state.text} color_picker={this.color_picker} show_pid={()=>{}} />
                     </div> :
                     <SafeTextarea key={this.props.pid} ref={this.area_ref} id={this.props.pid} on_change={this.on_change_bound} on_submit={this.on_submit.bind(this)} />
                 }
@@ -739,7 +739,7 @@ export class PostForm extends Component {
                 {
                     this.state.preview ? 
                     <div className='post-preview'>
-                        <HighlightedMarkdown text={this.state.text} color_picker={this.color_picker} show_pid={this.props.show_pid} />
+                        <HighlightedMarkdown text={this.state.text} color_picker={this.color_picker} show_pid={()=>{}} />
                     </div> :
                     <SafeTextarea ref={this.area_ref} id="new_post" on_change={this.on_change_bound} on_submit={this.on_submit.bind(this)} />
                 }