{onDelete && (
)}
-
+
{playing && status === PlayerState.PLAYING ? : }
@@ -85,6 +105,7 @@ const AudioPlayer = memo(({ file, onDelete, isEditing, onTitleChange }: Props) =
placeholder={title}
handler={onRename}
value={file.metadata && file.metadata.title}
+ onMouseDown={stopPropagation}
/>
) : (
@@ -92,7 +113,12 @@ const AudioPlayer = memo(({ file, onDelete, isEditing, onTitleChange }: Props) =
{title || ''}
)}
diff --git a/src/components/sortable/DragOverlayItem/index.tsx b/src/components/sortable/DragOverlayItem/index.tsx
new file mode 100644
index 00000000..ef265846
--- /dev/null
+++ b/src/components/sortable/DragOverlayItem/index.tsx
@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+
+import classNames from 'classnames';
+
+import styles from './styles.module.scss';
+
+interface DragOverlayItemProps {
+ className?: string;
+}
+
+const DragOverlayItem: FC