From 2ed26613d91d93fec9156a80ea8536adfd01572a Mon Sep 17 00:00:00 2001
From: Sajad Hashemian <sajadhsm@gmail.com>
Date: Fri, 18 Oct 2019 23:07:57 +0330
Subject: [PATCH] Delete unused Cerebral and convert to typescript

---
 .../Sidebar/TrashItem/{index.js => index.tsx}    | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)
 rename packages/app/src/app/pages/Dashboard/Sidebar/TrashItem/{index.js => index.tsx} (82%)

diff --git a/packages/app/src/app/pages/Dashboard/Sidebar/TrashItem/index.js b/packages/app/src/app/pages/Dashboard/Sidebar/TrashItem/index.tsx
similarity index 82%
rename from packages/app/src/app/pages/Dashboard/Sidebar/TrashItem/index.js
rename to packages/app/src/app/pages/Dashboard/Sidebar/TrashItem/index.tsx
index e9d5e7f02ad..5ad91890c76 100644
--- a/packages/app/src/app/pages/Dashboard/Sidebar/TrashItem/index.js
+++ b/packages/app/src/app/pages/Dashboard/Sidebar/TrashItem/index.tsx
@@ -3,12 +3,18 @@ import { DropTarget } from 'react-dnd';
 import TrashIcon from 'react-icons/lib/md/delete';
 
 import { withRouter } from 'react-router-dom';
-import { inject, observer } from 'app/componentConnectors';
 
 import { Item } from '../Item';
 import { DELETE_SANDBOX_DROP_KEY } from '../../Content/SandboxCard';
 
-const TrashItemComponent = ({
+interface Props {
+  currentPath: string;
+  isOver: boolean;
+  canDrop: boolean;
+  connectDropTarget: (target: React.ReactElement) => React.ReactElement;
+}
+
+const TrashItemComponent: React.FC<Props> = ({
   currentPath,
   isOver,
   canDrop,
@@ -60,8 +66,6 @@ export function collectTarget(connectMonitor, monitor) {
   };
 }
 
-export const TrashItem = inject('store', 'signals')(
-  DropTarget(['SANDBOX'], entryTarget, collectTarget)(
-    withRouter(observer(TrashItemComponent))
-  )
+export const TrashItem = DropTarget(['SANDBOX'], entryTarget, collectTarget)(
+  withRouter(TrashItemComponent)
 );