[R] rename channel-list to sidebar

src/app/app.component.html

@@ -5,7 +5,7 @@
 <div class="container-fluid p-0">
   <div class="myContainer d-flex">
     <div *ngIf="supa.user | async" class="menu">
-      <app-channel-list></app-channel-list>
+      <app-sidebar></app-sidebar>
     </div>
     <div class="container content">
       <router-outlet></router-outlet>

src/app/app.module.ts

@@ -18,7 +18,7 @@ import { SignupComponent } from './signup/signup.component';
 import { HuddleComponent } from './huddle/huddle.component';
 import { ProfileComponent } from './profile/profile.component';
 import { ChannelComponent } from './channel/channel.component';
-import { ChannelListComponent } from './channel-list/channel-list.component';
+import { SidebarComponent } from './sidebar/sidebar.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
 
 @NgModule({
@@ -30,7 +30,7 @@ import { DashboardComponent } from './dashboard/dashboard.component';
     SignupComponent,
     ProfileComponent,
     ChannelComponent,
-    ChannelListComponent,
+    SidebarComponent,
     DashboardComponent
   ],
   imports: [

src/app/channel-list/channel-list.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ChannelListComponent } from './channel-list.component';
-
-describe('ChannelListComponent', () => {
-  let component: ChannelListComponent;
-  let fixture: ComponentFixture<ChannelListComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ ChannelListComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ChannelListComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/sidebar/sidebar.component.html

@@ -14,4 +14,5 @@
     <ul class="list-unstyled">
         <li [routerLink]="'/profile'">Profile</li>
     </ul>
+    <p style="position: absolute; bottom: 5px; text-align: center;" class="text-muted"><small>v{{environment.version}}</small></p>
 </div>

src/app/sidebar/sidebar.component.ts

@@ -2,14 +2,16 @@ import { Component, OnInit } from '@angular/core';
 import { Observable, throwError } from 'rxjs';
 import { StandUp } from '../api/supabase/standup';
 import { StandupService } from '../api/supabase/standup.service';
+import { environment } from '../../environments/environment';
 
 @Component({
-  selector: 'app-channel-list',
-  templateUrl: './channel-list.component.html',
-  styleUrls: ['./channel-list.component.scss']
+  selector: 'app-sidebar',
+  templateUrl: './sidebar.component.html',
+  styleUrls: ['./sidebar.component.scss']
 })
-export class ChannelListComponent implements OnInit {
+export class SidebarComponent implements OnInit {
   standups: StandUp[] = [];
+  environment = environment;
 
   constructor(
     private standupSevice: StandupService,

src/environments/environment.ts

@@ -6,5 +6,6 @@
 export const environment = {
   production: false,
   supa_url: 'https://wdklwjgycvhxpbbnrpto.supabase.co',
-  supa_key: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlIjoiYW5vbiIsImlhdCI6MTYwMzQ2OTMyOCwiZXhwIjoxOTE5MDQ1MzI4fQ.KunzEloX8UoOAK8fGbiZtAi9bMxB_Ap8GVcJFWyPx0Q'
+  supa_key: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlIjoiYW5vbiIsImlhdCI6MTYwMzQ2OTMyOCwiZXhwIjoxOTE5MDQ1MzI4fQ.KunzEloX8UoOAK8fGbiZtAi9bMxB_Ap8GVcJFWyPx0Q',
+  version: '0.0.1'
 };