move all the code into the child components

market/frontend/v1/market-ui/src/app/skills/skills.component.html

@@ -1,7 +0,0 @@
-<market-skill-toolbar (searchResults)="showSearchResults($event)"></market-skill-toolbar>
-<div class="skill-category" *ngFor="let category of skillCategories">
-    <mat-toolbar align="center">
-        {{category}}
-    </mat-toolbar>
-    <market-skill-summary [skills]="skills[category]"></market-skill-summary>
-</div>

market/frontend/v1/market-ui/src/app/skills/skills.component.scss

@@ -1,15 +0,0 @@
-@import '../../stylesheets/global';
-
-.skill-category {
-    background-color: $market-background;
-    mat-toolbar {
-        background-color: $market-background;
-        color: $mycroft-dark-grey;
-        font-size: xx-large;
-        margin-top: 20px;
-        padding-left: 10px;
-        fa-icon {
-            margin-right: 15px;
-        }
-    }
-}

market/frontend/v1/market-ui/src/app/skills/skills.component.ts

@@ -1,57 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-import { SkillsService } from './skills.service'
-
-@Component({
-  selector: 'marketplace-skills',
-  templateUrl: './skills.component.html',
-  styleUrls: ['./skills.component.scss']
-})
-export class SkillsComponent implements OnInit {
-    public skillCategories: string[];
-    public skills: Object;
-
-    constructor(private skillsService: SkillsService) { }
-
-    ngOnInit() {
-        this.getAllSkills();
-    }
-
-    getAllSkills(): void {
-        this.skillsService.getAllSkills().subscribe(
-            (skills) => {
-                this.skills = skills;
-                this.get_skill_categories(skills);
-            }
-        )
-    }
-
-    get_skill_categories(skills): void {
-        let skillCategories = [],
-            systemCategoryFound = false;
-        this.skillCategories = [];
-        Object.keys(skills).forEach(
-            categoryName => {skillCategories.push(categoryName);}
-        );
-        skillCategories.sort();
-
-        // Make the "System" category display last, if it exists
-        skillCategories.forEach(
-            categoryName => {
-                if (categoryName === 'System') {
-                    systemCategoryFound = true;
-                } else {
-                    this.skillCategories.push(categoryName)
-                }
-            }
-        );
-        if (systemCategoryFound) {
-            this.skillCategories.push('System')
-        }
-    }
-
-    showSearchResults(searchResults): void {
-        this.skills = searchResults;
-        this.get_skill_categories(searchResults)
-    }
-}