forced commit

Author: Emre Güdür

README.md

@@ -4,6 +4,8 @@
 
 ## Reactjs chat elements
 
+## NOTE: this package not support react-native anymore.
+
 ## **[Full Documentation](https://detaysoft.github.io/docs-react-chat-elements/)**, **[Changelog](https://github.com/Detaysoft/react-chat-elements/blob/master/CHANGELOG.md)**
 
 ## Install
@@ -12,30 +14,6 @@
 npm install react-chat-elements --save
 ```
 
-### For React Native (Experimental)
-
-Step 1: Install react-chat-elements
-
-```
-npm install react-chat-elements --save
-```
-
-If you have already installed react-native-vector-icons as a dependency for your project you can skip this step. Otherwise run the following command:
-
-Step 2: Install react-native-vector-icons
-
-```
-npm i --save react-native-vector-icons
-```
-
-**Link:**
-
-```
-react-native link react-native-vector-icons
-```
-
-_If you have any issues installing react-native-vector-icons, check out their installation guide [here](https://github.com/oblador/react-native-vector-icons#installation)._
-
 ### Imports
 
 ```javascript
@@ -45,13 +23,6 @@ import 'react-chat-elements/dist/main.css'
 import { MessageBox } from 'react-chat-elements'
 ```
 
-#### React Native
-
-```javascript
-// MessageBox component
-import { MessageBox } from 'react-chat-elements/native'
-```
-
 ## Components
 
 1. [ChatItem](#chatitem-component)

src/VideoMessage/VideoMessage.tsx

@@ -22,8 +22,8 @@ const VideoMessage: React.FC<IVideoMessageProps> = props => {
         setText: (arg0: string | number) => void
       }
     ) => {
-      circle.path.setAttribute('trail', (data.state !== undefined && data.state.color) || '')
-      circle.path.setAttribute('trailwidth-width', (data.state !== undefined && data.state.width) || '')
+      circle.path.setAttribute('trail', (data.state !== undefined && data?.state?.color) || '')
+      circle.path.setAttribute('trailwidth-width', (data.state !== undefined && data?.state?.width) || '')
 
       var value = Math.round(circle?.value() * 100)
       if (value === 0) circle?.setText('')