🔨 Refactor /app/pages/Dashboard/Sidebar/TrashItem/index.js (Re… (codesandbox#2859)

Author: sajadhsm

…ges/Dashboard/Sidebar/TrashItem/index.js …es/Dashboard/Sidebar/TrashItem/index.tsxpackages/app/src/app/pages/Dashboard/Sidebar/TrashItem/index.js renamed to packages/app/src/app/pages/Dashboard/Sidebar/TrashItem/index.tsx packages/app/src/app/pages/Dashboard/Sidebar/TrashItem/index.js renamed to 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)
 );