mister-webdev / movie-app

src/entities/YoutubeVideo/YoutubeVideo.tsx

import { RefObject } from 'react'

'RefObject' is defined but never used.

import styles from './YoutubeVideo.module.scss'

interface IYoutubeVideo {
  embedId: string
  title: string
}

const YoutubeVideo = ({ embedId, title = 'Youtube video' }: IYoutubeVideo) => (

Function component is not a function declaration

  <div style={{ width: '100%' }}>

Expected indentation of 4 space characters but found 2.

JSX not allowed in files with extension '.tsx'

JSX attribute values should not contain objects created in the same scope

    <div className={styles.responsiveVideo}>

Expected indentation of 6 space characters but found 4.

      <iframe

Expected indentation of 8 space characters but found 6.

        width="853"

Expected indentation of 10 space characters but found 8.

        height="480"

Expected indentation of 10 space characters but found 8.

Props should be sorted alphabetically

        src={`https://www.youtube.com/embed/${embedId}`}

Expected indentation of 10 space characters but found 8.

Props should be sorted alphabetically

        frameBorder="0"

Expected indentation of 10 space characters but found 8.

Props should be sorted alphabetically

        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"

Expected indentation of 10 space characters but found 8.

Props should be sorted alphabetically

        allowFullScreen

Expected indentation of 10 space characters but found 8.

Props should be sorted alphabetically

        title={title}

Expected indentation of 10 space characters but found 8.

Props should be sorted alphabetically

      />
    </div>
  </div>
)

export { YoutubeVideo }