From 0ba05c05afce1ef99a685ecc7f4ef8a24fa50dd3 Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Sun, 31 Jan 2021 11:54:34 +0200
Subject: Added a "Back to feed" button to post page

---
 .../src/app/components/post-page/post-page.component.css     | 12 ++++++++++++
 .../src/app/components/post-page/post-page.component.html    |  3 +++
 .../src/app/components/post-page/post-page.component.ts      |  3 +++
 3 files changed, 18 insertions(+)

(limited to 'src')

diff --git a/src/DevHive.Angular/src/app/components/post-page/post-page.component.css b/src/DevHive.Angular/src/app/components/post-page/post-page.component.css
index fec3466..50adee5 100644
--- a/src/DevHive.Angular/src/app/components/post-page/post-page.component.css
+++ b/src/DevHive.Angular/src/app/components/post-page/post-page.component.css
@@ -5,3 +5,15 @@
 #content > * {
   width: 100%;
 }
+
+#back-btns {
+  width: 100%;
+  display: flex;
+}
+
+.submit-btn {
+  flex: 1;
+  max-width: 98%;
+  margin: 0 auto;
+  margin-bottom: .5em;
+}
diff --git a/src/DevHive.Angular/src/app/components/post-page/post-page.component.html b/src/DevHive.Angular/src/app/components/post-page/post-page.component.html
index 5a824a4..4f6f33d 100644
--- a/src/DevHive.Angular/src/app/components/post-page/post-page.component.html
+++ b/src/DevHive.Angular/src/app/components/post-page/post-page.component.html
@@ -1,3 +1,6 @@
 <div id="content">
+	<div id="back-btns">
+		<button class="submit-btn" type="submit" (click)="backToFeed()">ᐊ Back to feed</button>
+	</div>
 	<app-post [paramId]="postId.toString()"></app-post>
 <div>
diff --git a/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts b/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts
index 026f97f..56e146d 100644
--- a/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts
+++ b/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts
@@ -17,4 +17,7 @@ export class PostPageComponent implements OnInit {
     this.postId = Guid.parse(this._router.url.substring(6));
   }
 
+  backToFeed(): void {
+    this._router.navigate(['/']);
+  }
 }
-- 
cgit v1.2.3