From d3138bd7bd6255bde297cb3db2ab49ac496145e9 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Thu, 10 Oct 2019 17:38:19 +0700
Subject: [PATCH] removed audio player

---
 src/components/media/AudioPlayer/index.jsx | 71 ----------------------
 src/components/media/AudioPlayer/index.tsx |  5 ++
 src/redux/player/constants.ts              | 14 -----
 src/redux/player/reducer.ts                |  3 -
 src/redux/store.ts                         |  4 --
 5 files changed, 5 insertions(+), 92 deletions(-)
 delete mode 100644 src/components/media/AudioPlayer/index.jsx
 create mode 100644 src/components/media/AudioPlayer/index.tsx
 delete mode 100644 src/redux/player/constants.ts
 delete mode 100644 src/redux/player/reducer.ts

diff --git a/src/components/media/AudioPlayer/index.jsx b/src/components/media/AudioPlayer/index.jsx
deleted file mode 100644
index 5f2a7873..00000000
--- a/src/components/media/AudioPlayer/index.jsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react';
-import { AUDIO_PLAYER_OPTIONS } from '~/redux/player/constants';
-
-import JPlayer, {
-  initializeOptions,
-  Gui,
-  SeekBar,
-  BufferBar,
-  Poster,
-  Audio,
-  Title,
-  FullScreen,
-  Mute,
-  Play,
-  PlayBar,
-  Repeat,
-  VolumeBar,
-  Duration,
-  CurrentTime,
-  Download,
-  BrowserUnsupported,
-} from 'react-jplayer';
-
-initializeOptions(AUDIO_PLAYER_OPTIONS);
-
-export const AudioPlayer = () => (
-  <JPlayer id={AUDIO_PLAYER_OPTIONS.id} className="jp-sleek">
-    <Audio />
-    <Gui>
-      <div className="jp-controls jp-icon-controls">
-        <Play>
-          <i className="fa">{/* Icon set in css */}</i>
-        </Play>
-        <Repeat>
-          <i className="fa fa-repeat" />
-        </Repeat>
-        <div className="jp-progress">
-          <SeekBar>
-            <BufferBar />
-            <PlayBar />
-            <CurrentTime />
-            <Duration />
-          </SeekBar>
-        </div>
-        <div className="jp-volume-container">
-          <Mute>
-            <i className="fa">{/* Icon set in css */}</i>
-          </Mute>
-          <div className="jp-volume-slider">
-            <div className="jp-volume-bar-container">
-              <VolumeBar />
-            </div>
-          </div>
-        </div>
-        <FullScreen>
-          <i className="fa fa-expand" />
-        </FullScreen>
-        <Download>
-          <i className="fa fa-download" />
-        </Download>
-        <div className="jp-title-container">
-          <Poster />
-          <Title />
-        </div>
-      </div>
-      <BrowserUnsupported />
-    </Gui>
-  </JPlayer>
-);
-
-export default AudioPlayer;
diff --git a/src/components/media/AudioPlayer/index.tsx b/src/components/media/AudioPlayer/index.tsx
new file mode 100644
index 00000000..dab96e83
--- /dev/null
+++ b/src/components/media/AudioPlayer/index.tsx
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export const AudioPlayer = () => <div>PLAYER</div>;
+
+export default AudioPlayer;
diff --git a/src/redux/player/constants.ts b/src/redux/player/constants.ts
deleted file mode 100644
index b9a017ef..00000000
--- a/src/redux/player/constants.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-export const AUDIO_PLAYER_OPTIONS = {
-  id: 'AudioPlayer',
-  keyEnabled: true,
-  verticalVolume: true,
-  media: {
-    title: 'Bubble',
-    artist: 'Miaow',
-    sources: {
-      m4a: 'http://jplayer.org/audio/m4a/Miaow-07-Bubble.m4a',
-      oga: 'http://jplayer.org/audio/ogg/Miaow-07-Bubble.ogg',
-    },
-    free: true,
-  },
-};
diff --git a/src/redux/player/reducer.ts b/src/redux/player/reducer.ts
deleted file mode 100644
index f213c553..00000000
--- a/src/redux/player/reducer.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { reducer } from 'react-jplayer';
-
-export default reducer;
diff --git a/src/redux/store.ts b/src/redux/store.ts
index d6e10365..9a4ed978 100644
--- a/src/redux/store.ts
+++ b/src/redux/store.ts
@@ -19,8 +19,6 @@ import flowSaga from '~/redux/flow/sagas';
 import uploadReducer, { IUploadState } from '~/redux/uploads/reducer';
 import uploadSaga from '~/redux/uploads/sagas';
 
-import playerReducer from '~/redux/player/reducer';
-
 import { IAuthState } from '~/redux/auth/types';
 
 import modalReducer, { IModalState } from '~/redux/modal/reducer';
@@ -38,7 +36,6 @@ export interface IState {
   node: INodeState;
   uploads: IUploadState;
   flow: IFlowState;
-  player: any;
 }
 
 export const sagaMiddleware = createSagaMiddleware();
@@ -57,7 +54,6 @@ export const store = createStore(
     node: nodeReducer,
     uploads: uploadReducer,
     flow: flowReducer,
-    player: playerReducer,
   }),
   composeEnhancers(applyMiddleware(routerMiddleware(history), sagaMiddleware))
 );