* FE&BE: Implement list deleting

Author: DimaGalchenko

client/src/components/column/column.tsx

@@ -18,9 +18,10 @@ type Props = {
   listName: string;
   cards: Card[];
   index: number;
+  onDelete: (id: string) => void;
 };
 
-export const Column = ({ listId, listName, cards, index }: Props) => {
+export const Column = ({ listId, listName, cards, index, onDelete }: Props) => {
   return (
     <Draggable draggableId={listId} index={index}>
       {(provided: DraggableProvided, snapshot: DraggableStateSnapshot) => (
@@ -43,7 +44,7 @@ export const Column = ({ listId, listName, cards, index }: Props) => {
               isBold
             />
             <Splitter />
-            <DeleteButton color="#FFF0" onClick={() => {}} />
+            <DeleteButton color="#FFF0" onClick={() => onDelete(listId)} />
           </Header>
           <CardsList listId={listId} listType="CARD" cards={cards} />
           <Footer onCreateCard={() => {}} />

client/src/pages/Workspace.tsx

@@ -68,6 +68,10 @@ export const Workspace = () => {
     socket.emit(ListEvent.CREATE, name);
   }
 
+  const onDeleteList = (listId: string) => {
+    socket.emit(ListEvent.DELETE, listId)
+  }
+
   return (
     <React.Fragment>
       <DragDropContext onDragEnd={onDragEnd}>
@@ -85,6 +89,7 @@ export const Workspace = () => {
                   listName={list.name}
                   cards={list.cards}
                   listId={list.id}
+                  onDelete={onDeleteList}
                 />
               ))}
               {provided.placeholder}

server/src/handlers/list.handler.ts

@@ -9,6 +9,7 @@ class ListHandler extends SocketHandler {
     socket.on(ListEvent.CREATE, this.createList.bind(this));
     socket.on(ListEvent.GET, this.getLists.bind(this));
     socket.on(ListEvent.REORDER, this.reorderLists.bind(this));
+    socket.on(ListEvent.DELETE, this.deleteList.bind(this));
   }
 
   private getLists(callback: (cards: List[]) => void): void {
@@ -32,6 +33,12 @@ class ListHandler extends SocketHandler {
     this.db.setData(lists.concat(newList));
     this.updateLists();
   }
+
+  private deleteList(id: string): void {
+    const lists = this.db.getData();
+    this.db.setData(lists.filter((list) => list.id !== id));
+    this.updateLists();
+  }
 }
 
 export { ListHandler };