Media messages open in modals

android/app/src/main/java/com/ethora/MainApplication.java

@@ -4,6 +4,7 @@
 import android.content.Context;
 import com.facebook.react.PackageList;
 import com.facebook.react.ReactApplication;
+import com.otomogroove.OGReactNativeWaveform.OGWavePackage;
 import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;

android/settings.gradle

@@ -1,3 +1,5 @@
 rootProject.name = 'ethora'
+include ':react-native-audiowaveform'
+project(':react-native-audiowaveform').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-audiowaveform/android')
 apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
 include ':app'

ios/Podfile

@@ -15,6 +15,8 @@ target 'ethora' do
     :hermes_enabled => false
   )
 
+  pod 'OGReactNativeWaveform', :path => '../node_modules/react-native-audiowaveform'
+
   target 'ethoraTests' do
     inherit! :complete
     # Pods for testing

package.json

@@ -15,12 +15,13 @@
   "dependencies": {
     "@invertase/react-native-apple-authentication": "^2.1.2",
     "@react-native-async-storage/async-storage": "^1.15.5",
-    "@react-native-clipboard/clipboard": "^1.8.4",
+    "@react-native-clipboard/clipboard": "^1.9.0",
     "@react-native-community/audio-toolkit": "^2.0.3",
     "@react-native-community/checkbox": "^0.5.8",
     "@react-native-community/masked-view": "^0.1.11",
     "@react-native-community/netinfo": "^6.0.0",
     "@react-native-community/push-notification-ios": "^1.8.0",
+    "@react-native-community/slider": "^4.1.10",
     "@react-native-community/viewpager": "^5.0.11",
     "@react-native-firebase/analytics": "^11.1.2",
     "@react-native-firebase/app": "^11.1.2",
@@ -38,6 +39,7 @@
     "react": "17.0.1",
     "react-native": "0.64.2",
     "react-native-audio-recorder-player": "^3.1.2",
+    "react-native-audiowaveform": "^2.0.5",
     "react-native-beautiful-video-recorder": "^2.0.1",
     "react-native-bootsplash": "^3.2.6",
     "react-native-camera": "^4.2.1",
@@ -66,10 +68,14 @@
     "react-native-share": "^6.2.1",
     "react-native-simple-toast": "^1.1.3",
     "react-native-skeleton-content-nonexpo": "^1.0.11",
+    "react-native-slider": "^0.11.0",
     "react-native-svg": "^12.0.3",
     "react-native-tab-view": "^2.14.0",
     "react-native-typing-animation": "^0.1.7",
     "react-native-vector-icons": "^8.1.0",
+    "react-native-video": "^5.2.0-alpha1",
+    "react-native-video-controls": "^2.8.1",
+    "react-native-video-player": "^0.12.0",
     "react-native-walkthrough-tooltip": "^1.2.0",
     "react-redux": "^7.2.4",
     "realm": "^10.8.0",