From 2e327cec00dc3f1aa7e2d7af9896768b870834cb Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Thu, 21 Jan 2021 12:17:16 +0200
Subject: Moved loading style from feed to it's own component

---
 src/DevHive.Angular/src/app/app.module.ts                 |  4 +++-
 .../src/app/components/feed/feed.component.html           |  5 +----
 .../src/app/components/loading/loading.component.css      |  0
 .../src/app/components/loading/loading.component.html     |  3 +++
 .../src/app/components/loading/loading.component.ts       | 15 +++++++++++++++
 5 files changed, 22 insertions(+), 5 deletions(-)
 create mode 100644 src/DevHive.Angular/src/app/components/loading/loading.component.css
 create mode 100644 src/DevHive.Angular/src/app/components/loading/loading.component.html
 create mode 100644 src/DevHive.Angular/src/app/components/loading/loading.component.ts

(limited to 'src')

diff --git a/src/DevHive.Angular/src/app/app.module.ts b/src/DevHive.Angular/src/app/app.module.ts
index e4f60e0..8591724 100644
--- a/src/DevHive.Angular/src/app/app.module.ts
+++ b/src/DevHive.Angular/src/app/app.module.ts
@@ -15,6 +15,7 @@ import { PostComponent } from './components/post/post.component';
 import { ProfileComponent } from './components/profile/profile.component';
 import { ProfileSettingsComponent } from './components/profile-settings/profile-settings.component';
 import { ErrorComponent } from './components/error/error.component';
+import { LoadingComponent } from './components/loading/loading.component';
 
 @NgModule({
   declarations: [
@@ -25,7 +26,8 @@ import { ErrorComponent } from './components/error/error.component';
     PostComponent,
     ProfileComponent,
     ProfileSettingsComponent,
-    ErrorComponent
+    ErrorComponent,
+    LoadingComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/DevHive.Angular/src/app/components/feed/feed.component.html b/src/DevHive.Angular/src/app/components/feed/feed.component.html
index d65eff4..22213bc 100644
--- a/src/DevHive.Angular/src/app/components/feed/feed.component.html
+++ b/src/DevHive.Angular/src/app/components/feed/feed.component.html
@@ -1,7 +1,4 @@
-<!-- TODO: replace with loading component -->
-<div id="content" *ngIf="!dataArrived">
-	Loading...
-</div>
+<app-loading *ngIf="!dataArrived"></app-loading>
 
 <div id="feed-page" *ngIf="dataArrived">
 	<nav id="profile-bar">
diff --git a/src/DevHive.Angular/src/app/components/loading/loading.component.css b/src/DevHive.Angular/src/app/components/loading/loading.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/DevHive.Angular/src/app/components/loading/loading.component.html b/src/DevHive.Angular/src/app/components/loading/loading.component.html
new file mode 100644
index 0000000..8440f4e
--- /dev/null
+++ b/src/DevHive.Angular/src/app/components/loading/loading.component.html
@@ -0,0 +1,3 @@
+<div id="content">
+	Loading...
+</div>
diff --git a/src/DevHive.Angular/src/app/components/loading/loading.component.ts b/src/DevHive.Angular/src/app/components/loading/loading.component.ts
new file mode 100644
index 0000000..4dff0cd
--- /dev/null
+++ b/src/DevHive.Angular/src/app/components/loading/loading.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-loading',
+  templateUrl: './loading.component.html',
+  styleUrls: ['./loading.component.css']
+})
+export class LoadingComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
-- 
cgit v1.2.3