From 050b66277d1cd5a8b4902a54618a86010cd16891 Mon Sep 17 00:00:00 2001
From: Jonas Sulzer <jonas@violoncello.ch>
Date: Fri, 12 Jul 2019 14:08:24 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=A6=20NEW:=20show=20notifications=20ti?=
 =?UTF-8?q?meline=20with=20icon=20in=20navigation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jonas Sulzer <jonas@violoncello.ch>
---
 css/style.scss        |  1 +
 img/notifications.svg |  4 ++++
 src/App.vue           | 20 ++++++++++----------
 3 files changed, 15 insertions(+), 10 deletions(-)
 create mode 100644 img/notifications.svg

diff --git a/css/style.scss b/css/style.scss
index 8ae989f4..7cf637a2 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -2,6 +2,7 @@
 @include icon-black-white('emoji', 'social', 1);
 @include icon-black-white('boost', 'social', 1);
 @include icon-black-white('upload', 'actions', 1, true);
+@include icon-black-white('notifications', 'social', 1);
 
 .icon-boosted {
   @include icon-color('boost', 'social', '#0082c9', 1);
diff --git a/img/notifications.svg b/img/notifications.svg
new file mode 100644
index 00000000..1bc88f4c
--- /dev/null
+++ b/img/notifications.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16">
+ <path d="m8 2c-0.5523 0-1 0.4477-1 1 0 0.0472 0.021 0.0873 0.0273 0.1328-1.7366 0.4362-3.0273 1.9953-3.0273 3.8672v2l-1 1v1h10v-1l-1-1v-2c0-1.8719-1.291-3.431-3.0273-3.8672 0.0063-0.0455 0.0273-0.0856 0.0273-0.1328 0-0.5523-0.4477-1-1-1zm-2 10c0 1.1046 0.8954 2 2 2s2-0.8954 2-2z" fill="#000"/>
+</svg>
diff --git a/src/App.vue b/src/App.vue
index 985612ff..0266d5f7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -136,16 +136,16 @@ export default {
 					icon: 'icon-comment',
 					text: t('social', 'Direct messages')
 				},
-				// {
-				// 	id: 'social-notifications',
-				// 	classes: [],
-				// 	router: {
-				// 		name: 'timeline',
-				// 		params: { type: 'notifications' }
-				// 	},
-				// 	icon: 'icon-comment',
-				// 	text: t('social', 'Notifications')
-				// },
+				{
+					id: 'social-notifications',
+					classes: [],
+					router: {
+						name: 'timeline',
+						params: { type: 'notifications' }
+					},
+					icon: 'icon-notifications',
+					text: t('social', 'Notifications')
+				},
 				{
 					id: 'social-account',
 					classes: [],