Merge pull request #2 from sendbird/feature/calls-700

[CALLS-700]Call history design implementation

Author: danney-chun

.gitignore

@@ -102,3 +102,4 @@ dist
 
 # TernJS port file
 .tern-port
+.DS_Store

css/main.css

@@ -14,6 +14,7 @@
 
 body {
     margin: 0 auto;
+    overflow: hidden;
 }
 
 .center {
@@ -150,6 +151,7 @@ body {
     display: flex;
     width: 100vw;
     height: 100vh;
+    overflow: hidden;
 }
 
 .container {
@@ -253,3 +255,17 @@ button label {
     right: 16px;
     bottom: 16px;
 }
+
+::-webkit-scrollbar {
+    width: 5px;  /* 세로축 스크롤바 길이 */    
+  }
+  ::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+  ::-webkit-scrollbar-track-piece {
+    background-color: transparent;
+  }
+  ::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: gray;
+  }

js/main.js

@@ -3,6 +3,7 @@ import MainApp from "../lib/components/MainApp";
 import DialView from "../lib/views/DialView";
 import CallView from "../lib/views/CallView";
 import LoginView from "../lib/views/LoginView";
+import CallLogView from "../lib/views/CallLogView";
 import { ACCESS_TOKEN, IS_ACCESS_TOKEN_NEEDED, TEST_APP_ID, USER_ID } from "../envs";
 
 function onLoadedHandler() {
@@ -12,7 +13,8 @@ function onLoadedHandler() {
       'index': LoginView,
       'login_view': LoginView,
       'dial_view': DialView,
-      'call_view': CallView
+      'call_view': CallView,
+      'calllog_view': CallLogView
     },
     styles: {},
     args: {

js/widget.js

@@ -2,6 +2,7 @@ import "../css/main.css";
 import LoginView from "../lib/views/LoginView";
 import CallView from "../lib/views/CallView";
 import DialView from "../lib/views/DialView";
+import CallLogView from "../lib/views/CallLogView";
 import { TEST_APP_ID, USER_ID, ACCESS_TOKEN, IS_ACCESS_TOKEN_NEEDED } from "../envs.js";
 import WidgetApp from "../lib/components/WidgetApp";
 
@@ -13,7 +14,8 @@ function onLoadedHandler() {
       'index': LoginView,
       'login_view': LoginView,
       'dial_view': DialView,
-      'call_view': CallView
+      'call_view': CallView,
+      'calllog_view': CallLogView
     },
     styles: {
     },