From 5bf5c2b9837a3e9b4e6070b280d69be1afbe8955 Mon Sep 17 00:00:00 2001
From: data <data@devnull>
Date: Sun, 28 Jul 2019 14:18:37 +0100
Subject: [PATCH] grey out notifications

---
 src/App.js | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/App.js b/src/App.js
index a712d2d..b894753 100644
--- a/src/App.js
+++ b/src/App.js
@@ -431,13 +431,18 @@ class App extends React.Component {
                       (m.from === this.state.user.socketId &&
                         m.to === this.state.namespace)
                   )
-                  .map(m => (
-                    <div className="d-flex" key={m.id}>
-                      <div className="p-2 text-nowrap">{m.date}</div>
-                      <div className="p-2">{m.nick}</div>
-                      <div className="p-2 flex-grow-1">{m.text}</div>
-                    </div>
-                  ))}
+                  .map(m => {
+                    const rowColor = m.from === 'server' ? 'text-secondary' : ''
+                    return (
+                      <div className={`d-flex ${rowColor}`} key={m.id}>
+                        <div className="pr-3 text-nowrap">{m.date}</div>
+                        {m.from === 'server' ? null : (
+                          <div className="pr-3 text-nowrap">{m.nick}:</div>
+                        )}
+                        <div className="pr-3 flex-grow-1">{m.text}</div>
+                      </div>
+                    )
+                  })}
               </div>
               <form onSubmit={this.submitMessage}>
                 <input