diff --git a/app/components/chat-list.module.scss b/app/components/chat-list.module.scss
deleted file mode 100644
index a32e12334..000000000
--- a/app/components/chat-list.module.scss
+++ /dev/null
@@ -1,127 +0,0 @@
-.queue-demo-wrapper {
-  position: relative;
-  background: #CCE9F9;
-  overflow: hidden;
-  height: 340px;
-}
-
-.queue-demo {
-  max-width: 300px;
-  width: 90%;
-  height: 340px;
-  margin: auto;
-  background: #fff;
-  box-shadow: 0 5px 20px rgba(66, 86, 105, 0.8);
-  cursor: url('http://gtms02.alicdn.com/tps/i2/T1_PMSFLBaXXcu5FDa-20-20.png') 10 10,pointer!important;
-}
-
-.queue-demo-header {
-  height: 60px;
-  border-top: 10px solid #265783;
-  background: #29659B;
-  line-height: 50px;
-  color: #fff;
-}
-
-.queue-demo-header i {
-  width: 15px;
-  height: 2px;
-  background: #fff;
-  display: inline-block;
-  position: relative;
-  vertical-align: middle;
-  margin-left: 10px;
-  top: -2px;
-}
-
-.queue-demo-header i:before, .queue-demo-header i:after {
-  display: block;
-  content: '';
-  background: #fff;
-  width: 15px;
-  height: 2px;
-  position: absolute;
-}
-
-.queue-demo-header i:before {
-  top: -4px;
-}
-
-.queue-demo-header i:after {
-  top: 4px;
-}
-
-.queue-demo-header span {
-  margin-left: 20px;
-  font-size: 14px;
-}
-
-.queue-demo ul {
-  overflow: hidden;
-}
-
-.queue-demo ul li {
-  list-style: none;
-  overflow: hidden;
-  height: 70px;
-  line-height: 70px;
-  border-bottom: 1px solid #efefef;
-  /*
-  cursor: move;
-  cursor: grab;
-  cursor: -webkit-grab;
-  */
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  position: relative;
-}
-
-.queue-demo-img, .queue-demo ul li p {
-  display: inline-block;
-}
-.queue-demo ul li.queue-anim-leaving{
-  position: relative !important;
-}
-.queue-demo-img {
-  margin: 0 20px;
-}
-
-.queue-demo-delete {
-  width: 60px;
-  background: #FF4058;
-  text-align: center;
-  font-size: 16px;
-  height: 67px;
-  position: absolute;
-  right: 0;
-  top: 1px;
-}
-
-.queue-demo-delete a {
-  color: #fff;
-  width: 100%;
-  height: 100%;
-  display: block;
-}
-
-.queue-demo-content {
-  background: #fff;
-  position: relative;
-}
-
-.queue-simple {
-  padding: 10px 0
-}
-
-.queue-simple>div {
-  width: 40%;
-  height: 40px;
-  line-height: 40px;
-  margin: 5px auto;
-  text-align: center;
-  background: #1890ff;
-  border-radius: 4px;
-  color: #fff;
-  opacity: 0
-}
diff --git a/app/components/chat-list.tsx b/app/components/chat-list.tsx
index 04cfbaada..4f5094a1b 100644
--- a/app/components/chat-list.tsx
+++ b/app/components/chat-list.tsx
@@ -125,30 +125,6 @@ export function ChatList(props: { narrow?: boolean }) {
     moveSession(source.index, destination.index);
   };
 
-  const onAdd = () => {
-    const { data } = this.state;
-    const i = Math.floor(Math.random() * this.data.length);
-    data.unshift({
-      key: Date.now(),
-      name: this.data[i].name,
-      age: this.data[i].age,
-      address: this.data[i].address,
-    });
-    this.setState({
-      data,
-      isPageTween: false,
-    });
-  };
-
-  const onDelete = (
-    key: number,
-    e: React.MouseEvent<HTMLSpanElement, MouseEvent>,
-  ) => {
-    e.preventDefault();
-    const data = this.state.data.filter((item) => item.key !== key);
-    this.setState({ data, isPageTween: false });
-  };
-
   return (
     <DragDropContext onDragEnd={onDragEnd}>
       <Droppable