From 1a623785e2e6738297081e6f55fe4a474313a353 Mon Sep 17 00:00:00 2001
From: hole-thu <hole_thu@riseup.net>
Date: Wed, 30 Mar 2022 23:17:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=E6=A0=87=E6=B3=A8=E4=B8=B4?=
 =?UTF-8?q?=E6=97=B6=E7=94=A8=E6=88=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Flows.js        | 36 ++++++++++++++++++++++--------------
 src/color_picker.js |  5 +++--
 src/flows_api.js    |  2 +-
 3 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/src/Flows.js b/src/Flows.js
index 985c515..95dcae4 100644
--- a/src/Flows.js
+++ b/src/Flows.js
@@ -1,17 +1,9 @@
 import React, { PureComponent } from 'react';
 import copy from 'copy-to-clipboard';
 import { ColorPicker } from './color_picker';
-import {
-  split_text,
-  NICKNAME_RE,
-  PID_RE,
-  URL_RE,
-  URL_PID_RE,
-  TAG_RE,
-} from './text_splitter';
+import { split_text, PID_RE } from './text_splitter';
 import {
   format_time,
-  build_highlight_re,
   Time,
   TitleLine,
   ClickHandler,
@@ -136,6 +128,9 @@ class Reply extends PureComponent {
           {info.author_title && (
             <span className="box-header-name author-title">{`"${info.author_title}"`}</span>
           )}
+          {info.is_tmp && (
+            <span className="box-header-name tmp-title">临时账号</span>
+          )}
           {!!do_delete && !!info.can_del && (
             <span
               className="clickable"
@@ -240,6 +235,7 @@ class FlowItem extends PureComponent {
       search_param,
     } = this.props;
     const { cw } = this.state;
+    const _display_color = color_picker.get(DZ_NAME, info.is_tmp);
     return (
       <div className={'flow-item' + (is_quote ? ' flow-item-quote' : '')}>
         {!!is_quote && (
@@ -252,7 +248,13 @@ class FlowItem extends PureComponent {
             {/*</div>*/}
           </div>
         )}
-        <div className="box">
+        <div
+          className="box"
+          style={{
+            '--box-bgcolor-light': _display_color[0],
+            '--box-bgcolor-dark': _display_color[1],
+          }}
+        >
           {!!window.LATEST_POST_ID &&
             parseInt(info.pid, 10) > window.LATEST_POST_ID && (
               <div className="flow-item-dot" />
@@ -292,8 +294,11 @@ class FlowItem extends PureComponent {
             {info.author_title && (
               <span className="box-header-name author-title">{`"${info.author_title}"`}</span>
             )}
+            {info.is_tmp && (
+              <span className="box-header-name tmp-title">临时账号</span>
+            )}
             {info.is_reported && <span className="danger-info"> R </span>}
-            {!!do_delete && !!info.can_del && (
+            {!!do_delete && !!can_del && (
               <span
                 className="clickable"
                 onClick={() => {
@@ -316,10 +321,10 @@ class FlowItem extends PureComponent {
             {info.blocked_count && (
               <span className="danger-info"> {info.blocked_count} </span>
             )}
-            {info.cw !== null && (!do_edit_cw || !info.can_del) && (
+            {info.cw !== null && (!do_edit_cw || !can_del) && (
               <span className="box-header-cw">{info.cw}</span>
             )}
-            {!!do_edit_cw && !!info.can_del && (
+            {!!do_edit_cw && !!can_del && (
               <div className="box-header-cw-edit clickable">
                 <input
                   type="text"
@@ -334,7 +339,7 @@ class FlowItem extends PureComponent {
               </div>
             )}
             {info.allow_search && <span> 📢 </span>}
-            <Time stamp={info.timestamp} short={!img_clickable} />
+            <Time stamp={timestamp} short={!img_clickable} />
           </div>
           {!!info.hot_score && (
             <span className="box-header">hot score: {info.hot_score}</span>
@@ -1081,6 +1086,9 @@ class FlowItemRow extends PureComponent {
                   {this.props.info.author_title && (
                     <span className="box-header-name author-title">{`"${this.props.info.author_title}"`}</span>
                   )}
+                  {this.props.info.is_tmp && (
+                    <span className="box-header-name tmp-title">临时账号</span>
+                  )}
                   {this.props.info.cw !== null && (
                     <span className="box-header-cw">{this.props.info.cw}</span>
                   )}
diff --git a/src/color_picker.js b/src/color_picker.js
index afcf240..691b325 100644
--- a/src/color_picker.js
+++ b/src/color_picker.js
@@ -8,9 +8,10 @@ export class ColorPicker {
     this.current_h = Math.random();
   }
 
-  get(name) {
+  get(name, is_tmp = false) {
     name = name.toLowerCase();
-    if (name === '洞主') return ['hsl(0,0%,97%)', 'hsl(0,0%,16%)'];
+    if (is_tmp) return ['hsl(0, 0%, 80%)', 'hsl(0, 0%, 30%)'];
+    if (name === '洞主') return ['hsl(0, 0%, 97%)', 'hsl(0, 0%, 16%)'];
 
     if (!this.names[name]) {
       this.current_h += golden_ratio_conjugate;
diff --git a/src/flows_api.js b/src/flows_api.js
index c7b0781..adb80ab 100644
--- a/src/flows_api.js
+++ b/src/flows_api.js
@@ -27,7 +27,7 @@ export const parse_replies = (replies, color_picker) =>
     .sort((a, b) => parseInt(a.cid, 10) - parseInt(b.cid, 10))
     .map((info) => {
       info.name = gen_name(info.name_id);
-      info._display_color = color_picker.get(info.name);
+      info._display_color = color_picker.get(info.name, info.is_tmp);
       info.variant = {};
       return info;
     });