comments

src/screens/Playbacks.js

@@ -10,10 +10,10 @@ import React, {
   useState,
 } from "react";
 import { Image, Platform, Pressable, Text, View } from "react-native";
-import { SheetManager } from "react-native-actions-sheet";
 import Carousel from "react-native-reanimated-carousel";
 import { responsiveHeight } from "react-native-responsive-dimensions";
 import { icons, img } from "../assets";
+import { openComments } from "../components/bottomsheets/CommentsBottomSheet";
 import KaraokeLyrics from "../components/KaraokeLyrics";
 import {
   arrayRemove,
@@ -355,16 +355,10 @@ const PlaybackItem = ({ item, isActive, userCache, getUserByUid }) => {
             )}
           </Pressable>
           <Pressable
-            onPress={() => {
-              if (item?.id) {
-                SheetManager.show("Comments", {
-                  payload: { projectId: item.id },
-                });
-              }
-            }}
+            onPress={() => item?.id && openComments(item.id)}
             style={{ alignItems: "center" }}
           >
-            <Image source={icons.message} style={size({ size: 26 })} />
+            <Image source={icons.chatBubble} style={size({ size: 26 })} />
           </Pressable>
           <Pressable>
             <Image source={icons.share} style={size({ size: 26 })} />