From 7676e7e7f3be322e3319fc58419d6a3298c08424 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 7 Jul 2022 08:15:24 +0200
Subject: [PATCH] create page Community.vue

---
 frontend/src/components/Menu/Sidebar.vue |  4 ++++
 frontend/src/pages/Community.vue         | 22 ++++++++++++++++++++++
 frontend/src/routes/routes.js            |  7 +++++++
 3 files changed, 33 insertions(+)
 create mode 100644 frontend/src/pages/Community.vue

diff --git a/frontend/src/components/Menu/Sidebar.vue b/frontend/src/components/Menu/Sidebar.vue
index 028b7aca6..f1e582356 100644
--- a/frontend/src/components/Menu/Sidebar.vue
+++ b/frontend/src/components/Menu/Sidebar.vue
@@ -20,6 +20,10 @@
             <b-icon icon="gear" aria-hidden="true"></b-icon>
             {{ $t('navigation.profile') }}
           </b-nav-item>
+          <b-nav-item to="/community" class="mb-3">
+            <b-icon icon="people" aria-hidden="true"></b-icon>
+            {{ $t('navigation.community') }}
+          </b-nav-item>
         </b-nav>
         <hr />
         <b-nav vertical class="w-100">
diff --git a/frontend/src/pages/Community.vue b/frontend/src/pages/Community.vue
new file mode 100644
index 000000000..9264df623
--- /dev/null
+++ b/frontend/src/pages/Community.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="community-page">
+    <div>
+      <b-tabs content-class="mt-3" align="center">
+        <b-tab :title="$t('community.writing')" active>
+          <p>{{ $t('community.writing') }}</p>
+        </b-tab>
+        <b-tab :title="$t('community.myContributions')">
+          <p>{{ $t('community.myContributions') }}</p>
+        </b-tab>
+        <b-tab :title="$t('navigation.community')">
+          <p>{{ $t('navigation.community') }}</p>
+        </b-tab>
+      </b-tabs>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Community',
+}
+</script>
diff --git a/frontend/src/routes/routes.js b/frontend/src/routes/routes.js
index e68f97502..540ef9d69 100755
--- a/frontend/src/routes/routes.js
+++ b/frontend/src/routes/routes.js
@@ -38,6 +38,13 @@ const routes = [
       requiresAuth: true,
     },
   },
+  {
+    path: '/community',
+    component: () => import('@/pages/Community.vue'),
+    meta: {
+      requiresAuth: true,
+    },
+  },
   {
     path: '/login/:code?',
     component: () => import('@/pages/Login.vue'),