FEATURE: Get notified on corpus changes (#501)

&& Get notified on changes related to a topic (#152)

package.json

@@ -19,6 +19,7 @@
     "react-autosuggest": "^9.4.3",
     "react-dom": "^16.14.0",
     "react-geocode": "^0.2.2",
+    "react-helmet": "^6.1.0",
     "react-router-dom": "^5.2.0",
     "yaml": "^1.10.0"
   },

public/index.html

@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+
     <!--
       Notice the use of %PUBLIC_URL% in the tag above.
       It will be replaced with the URL of the `public` folder during the build.

src/components/Header.jsx

@@ -1,6 +1,8 @@
 import React, { Component } from 'react';
 import { Link } from 'react-router-dom';
 import Authenticated from './Authenticated.jsx';
+import Rss from './Rss.jsx';
+import {Helmet} from 'react-helmet';
 
 class Header extends Component {
 
@@ -13,8 +15,13 @@ class Header extends Component {
   render() {
     return (
       <header className="row align-items-center">
-        <div className="col-lg-2 d-none d-lg-block logo"></div>
-        <h1 className="col-lg-8"><Link to="/">{this.state.user}</Link></h1>
+        <div className="col-lg-4 d-none d-lg-block logo"></div>
+        <h1 className="col-lg-4">
+          <Link to="/">{this.state.user}</Link>
+        </h1>
+        <div className="col-lg-2">
+          <Rss/>
+        </div>
         <div className="col-lg-2">
           <Authenticated conf={this.props.conf} />
         </div>

src/components/Rss.jsx

@@ -0,0 +1,47 @@
+import React, { Component } from 'react';
+import { Trans } from '@lingui/macro';
+import { Link } from 'react-router-dom';
+
+const RssIcon = () => (
+  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 448 448" xmlSpace="preserve" >
+    <g>
+      <g>
+        <circle cx="64" cy="384" r="64" fill="#ffffff"/>
+      </g>
+    </g>
+    <g>
+      <g>
+        <path fill="#ffffff" d="M0,149.344v85.344c117.632,0,213.344,95.68,213.344,213.312h85.312C298.656,283.328,164.672,149.344,0,149.344z"/>
+      </g>
+    </g>
+    <g>
+      <g>
+        <path fill="#ffffff" d="M0,0v85.344C200,85.344,362.688,248,362.688,448H448C448,200.96,247.04,0,0,0z"/>
+      </g>
+    </g>
+  </svg>
+);
+
+class Rss extends Component {
+
+  constructor(props) {
+    super(props);
+    this.state = {rss: ''};
+  }
+
+  render() {
+    return (
+      <div className="rss-btn">
+        <Link to="/rss">
+          <div className="rss-icon">
+            <RssIcon/>
+          </div>
+          <Trans>Flux RSS</Trans>
+        </Link>
+      </div>
+    );
+  }
+
+}
+
+export default Rss;