new release notifications

src/ui/components/common/Notification.css

@@ -0,0 +1,24 @@
+.Notification {
+  position: absolute;
+
+  /* Default styles, changed when showing notif */
+  top: -100%;
+  right: 10%;
+
+  padding: 20px;
+  border-radius: 4px;
+  border: 1px solid #ffc61e;
+
+  background-color: #fff;
+  color: #000;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  transition: all 0.2s ease;
+}
+
+.NotifShow {
+  top: 10%;
+}

src/ui/components/common/Notification.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+
+import './Notification.css'
+
+interface IProps {
+  children: React.ReactNode | null
+  show: boolean
+}
+
+export default class Notification extends React.Component<IProps> {
+  constructor(props: IProps) {
+    super(props)
+  }
+
+  render() {
+    return (
+      <div className={'Notification ' + (this.props.show ? 'NotifShow' : '')}>
+        <div className="NotificationMessage">{this.props.children}</div>
+      </div>
+    )
+  }
+}