From 8b763fbb737aa84048e559b0782b6162e8ad3c63 Mon Sep 17 00:00:00 2001
From: Giulio De Pasquale <depasquale@giugl.io>
Date: Sun, 20 Dec 2020 13:29:39 +0000
Subject: [PATCH] connected close button

---
 websrc/components/Overlays.tsx | 8 +++++++-
 websrc/types.ts                | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/websrc/components/Overlays.tsx b/websrc/components/Overlays.tsx
index 5e6597c..635db43 100644
--- a/websrc/components/Overlays.tsx
+++ b/websrc/components/Overlays.tsx
@@ -1,4 +1,6 @@
 import React, {Component} from "react";
+import {socket} from "../index";
+import {EventName} from "../types";
 
 export type ModalProps = {
     show: boolean,
@@ -66,7 +68,11 @@ export class ClosePositionModal extends Component<ModalProps, any> {
                             <button type="button"
                                     className="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
                                     onClick={event => {
-                                        console.log("Closing " + this.props.positionId)
+                                        socket.emit(EventName.ClosePosition, {
+                                            position_id: this.props.positionId
+                                        })
+
+                                        this.props.toggleConfirmation()
                                     }}>
                                 Close
                             </button>
diff --git a/websrc/types.ts b/websrc/types.ts
index 191a892..0798fd2 100644
--- a/websrc/types.ts
+++ b/websrc/types.ts
@@ -46,5 +46,6 @@ export enum EventName {
     NewTick = "new_tick",
     FirstConnect = "first_connect",
     NewEvent = "new_event",
+    ClosePosition = "close_position"
 }