general settings is modified

projects/ucap-webmessenger-ui-settings/src/lib/components/general.component.html

@@ -32,12 +32,6 @@
           </ng-template>
         </mat-tab>
       </mat-tab-group>
-
-      <div class="brightness">
-        <span>기본값</span>
-        <span>어둡게</span>
-        <span>밝게</span>
-      </div>
     </mat-list-item>
 
     <mat-divider></mat-divider>

projects/ucap-webmessenger-ui-settings/src/lib/components/general.component.scss

@@ -1,7 +1,7 @@
 ::ng-deep .mat-list-base {
   .theme-select.mat-list-item {
     position: relative;
-    height: 200px;
+    height: 160px;
     .mat-list-item-content {
       flex-direction: column;
     }

projects/ucap-webmessenger-ui-settings/src/lib/components/general.component.ts

@@ -6,6 +6,7 @@ import {
   EventEmitter
 } from '@angular/core';
 import { FormGroup, FormBuilder } from '@angular/forms';
+import { MatTabChangeEvent } from '@angular/material';
 
 @Component({
   selector: 'ucap-settings-general',
@@ -25,7 +26,19 @@ export class GeneralComponent implements OnInit {
 
   ngOnInit() {}
 
-  onSelectedTabChange(theme: string) {
+  onSelectedTabChange(e: MatTabChangeEvent) {
+    let theme = 'theme-default';
+    switch (e.index) {
+      case 0:
+        theme = 'theme-default';
+        break;
+      case 1:
+        theme = 'theme-lgRed';
+        break;
+      default:
+        break;
+    }
+
     this.selectTheme.emit(theme);
   }