Function MessageInput

components/MessageInput/MessageInput.tsx:38–421

({ chatRoom, messageReplyTo, removeMessageReplyTo })

} from "../../utils/crypto";

const MessageInput = ({ chatRoom, messageReplyTo, removeMessageReplyTo }) => {
  const [message, setMessage] = useState("");
  const [isEmojiPickerOpen, setIsEmojiPickerOpen] = useState(false);
  const [image, setImage] = useState<string | null>(null);
  const [progress, setProgress] = useState(0);
  const [recording, setRecording] = useState<Audio.Recording | null>(null);
  const [soundURI, setSoundURI] = useState<string | null>(null);

  const navigation = useNavigation();

  useEffect(() => {
    (async () => {
      if (Platform.OS !== "web") {
        const libraryResponse =
          await ImagePicker.requestMediaLibraryPermissionsAsync();
        const photoResponse = await ImagePicker.requestCameraPermissionsAsync();
        await Audio.requestPermissionsAsync();

        if (
          libraryResponse.status !== "granted" ||
          photoResponse.status !== "granted"
        ) {
          alert("Sorry, we need camera roll permissions to make this work!");
        }
      }
    })();
  }, []);

  const sendMessageToUser = async (user, fromUserId) => {
    // send message
    const ourSecretKey = await getMySecretKey();
    if (!ourSecretKey) {
      return;
    }

    if (!user.publicKey) {
      Alert.alert(
        "The user haven't set his keypair yet",
        "Until the user generates the keypair, you cannot securely send him messages"
      );
      return;
    }

    console.log("private key", ourSecretKey);

    const sharedKey = box.before(
      stringToUint8Array(user.publicKey),
      ourSecretKey
    );
    console.log("shared key", sharedKey);

    const encryptedMessage = encrypt(sharedKey, { message });
    console.log("encrypted message", encryptedMessage);

    const newMessage = await DataStore.save(
      new Message({
        content: encryptedMessage, // <- this messages should be encrypted
        userID: fromUserId,