progress option check

Author: Emre Güdür

src/VideoMessage/VideoMessage.tsx

@@ -15,15 +15,15 @@ const VideoMessage: React.FC<IVideoMessageProps> = props => {
     trailColor: '#aaa',
     trailWidth: 1,
     step: (
-      state: IProgressOptions,
+      data: IProgressOptions,
       circle: {
         path: { setAttribute: (arg0: string, arg1: string) => void }
         value: () => number
         setText: (arg0: string | number) => void
       }
     ) => {
-      circle.path.setAttribute('trail', state?.state?.color)
-      circle.path.setAttribute('trailwidth-width', state?.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('')
@@ -45,9 +45,9 @@ const VideoMessage: React.FC<IVideoMessageProps> = props => {
         style={{
           ...(props?.data.width &&
             props?.data.height && {
-            width: props.data.width,
-            height: props.data.height,
-          }),
+              width: props.data.width,
+              height: props.data.height,
+            }),
         }}
       >
         {!downloaded && (

src/type.d.ts

@@ -494,7 +494,7 @@ export interface ISpotifyMessage extends IMessage {
  * @prop type The Spotify Message's type is "spotify" and required.
  * @prop message The Spotify Message's message is a ISpotifyMessage and required.
  */
-export interface ISpotifyMessageProps extends ISpotifyMessage { }
+export interface ISpotifyMessageProps extends ISpotifyMessage {}
 
 /**
  * IMessageBoxProps Interface
@@ -665,7 +665,7 @@ type MeetingMessageEvent = (item: IMeetingMessage, index: number, event: React.M
  * ITextMessage Interface extends IMessage
  * @prop type The Text Message's type is "text" and required.
  */
-export interface ITextMessage extends IMessage { }
+export interface ITextMessage extends IMessage {}
 
 /**
  * ITextMessageProps Interface
@@ -1082,29 +1082,29 @@ export type MessageType =
 
 export type MessageBoxType = MessageType & IMessageBoxProps
 
-export class ChatItem extends React.Component<IChatItemProps> { }
-export class ChatList extends React.Component<IChatListProps> { }
-export class MessageBox extends React.Component<IMessageBoxProps> { }
-export class LocationMessage extends React.Component<ILocationMessageProps> { }
-export class PhotoMessage extends React.Component<IPhotoMessageProps> { }
-export class VideoMessage extends React.Component<IVideoMessageProps> { }
-export class SpotifyMessage extends React.Component<ISpotifyMessageProps> { }
-export class AudioMessage extends React.Component<IAudioMessageProps> { }
-export class MeetingLink extends React.Component<IMeetingLinkMessageProps> { }
-export class FileMessage extends React.Component<IFileMessageProps> { }
-export class TextMessage extends React.Component<ITextMessageProps> { }
-export class SystemMessage extends React.Component<ISystemMessageProps> { }
-export class ReplyMessage extends React.Component<IReplyMessageProps> { }
-export class MeetingMessage extends React.Component<IMeetingMessageProps> { }
-export class MeetingItem extends React.Component<IMeetingItemProps> { }
-export class MeetingList extends React.Component<IMeetingListProps> { }
-export class MessageList extends React.Component<IMessageListProps> { }
+export class ChatItem extends React.Component<IChatItemProps> {}
+export class ChatList extends React.Component<IChatListProps> {}
+export class MessageBox extends React.Component<IMessageBoxProps> {}
+export class LocationMessage extends React.Component<ILocationMessageProps> {}
+export class PhotoMessage extends React.Component<IPhotoMessageProps> {}
+export class VideoMessage extends React.Component<IVideoMessageProps> {}
+export class SpotifyMessage extends React.Component<ISpotifyMessageProps> {}
+export class AudioMessage extends React.Component<IAudioMessageProps> {}
+export class MeetingLink extends React.Component<IMeetingLinkMessageProps> {}
+export class FileMessage extends React.Component<IFileMessageProps> {}
+export class TextMessage extends React.Component<ITextMessageProps> {}
+export class SystemMessage extends React.Component<ISystemMessageProps> {}
+export class ReplyMessage extends React.Component<IReplyMessageProps> {}
+export class MeetingMessage extends React.Component<IMeetingMessageProps> {}
+export class MeetingItem extends React.Component<IMeetingItemProps> {}
+export class MeetingList extends React.Component<IMeetingListProps> {}
+export class MessageList extends React.Component<IMessageListProps> {}
 
-export class Popup extends React.Component<IPopupProps> { }
-export class Avatar extends React.Component<IAvatarProps> { }
-export class Button extends React.Component<IButtonProps> { }
-export class Sidebar extends React.Component<ISideBar> { }
-export class Navbar extends React.Component<INavbarProps> { }
-export class Input extends React.Component<IInputProps> { }
-export class Dropdown extends React.Component<IDefaultProps> { }
-export class Circle extends React.Component<ICircleProps> { }
+export class Popup extends React.Component<IPopupProps> {}
+export class Avatar extends React.Component<IAvatarProps> {}
+export class Button extends React.Component<IButtonProps> {}
+export class Sidebar extends React.Component<ISideBar> {}
+export class Navbar extends React.Component<INavbarProps> {}
+export class Input extends React.Component<IInputProps> {}
+export class Dropdown extends React.Component<IDefaultProps> {}
+export class Circle extends React.Component<ICircleProps> {}