From 51cd7c70baf88ea66125fd733f2efb6ca005a421 Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Mon, 2 Sep 2024 16:04:56 -0700
Subject: [PATCH] Convert NoMovie to TypeScript

(cherry picked from commit e1e10e195c09ea78179d92ae11c385403096d966)

Closes #10401
---
 .../src/Movie/{NoMovie.js => NoMovie.tsx}     | 25 ++++++-------------
 1 file changed, 8 insertions(+), 17 deletions(-)
 rename frontend/src/Movie/{NoMovie.js => NoMovie.tsx} (65%)

diff --git a/frontend/src/Movie/NoMovie.js b/frontend/src/Movie/NoMovie.tsx
similarity index 65%
rename from frontend/src/Movie/NoMovie.js
rename to frontend/src/Movie/NoMovie.tsx
index c886ba33bd..d72d4b2b41 100644
--- a/frontend/src/Movie/NoMovie.js
+++ b/frontend/src/Movie/NoMovie.tsx
@@ -1,11 +1,14 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 import Button from 'Components/Link/Button';
 import { kinds } from 'Helpers/Props';
 import translate from 'Utilities/String/translate';
 import styles from './NoMovie.css';
 
-function NoMovie(props) {
+interface NoMovieProps {
+  totalItems: number;
+}
+
+function NoMovie(props: NoMovieProps) {
   const { totalItems } = props;
 
   if (totalItems > 0) {
@@ -20,24 +23,16 @@ function NoMovie(props) {
 
   return (
     <div>
-      <div className={styles.message}>
-        {translate('NoMoviesExist')}
-      </div>
+      <div className={styles.message}>{translate('NoMoviesExist')}</div>
 
       <div className={styles.buttonContainer}>
-        <Button
-          to="/add/import"
-          kind={kinds.PRIMARY}
-        >
+        <Button to="/add/import" kind={kinds.PRIMARY}>
           {translate('ImportExistingMovies')}
         </Button>
       </div>
 
       <div className={styles.buttonContainer}>
-        <Button
-          to="/add/new"
-          kind={kinds.PRIMARY}
-        >
+        <Button to="/add/new" kind={kinds.PRIMARY}>
           {translate('AddNewMovie')}
         </Button>
       </div>
@@ -45,8 +40,4 @@ function NoMovie(props) {
   );
 }
 
-NoMovie.propTypes = {
-  totalItems: PropTypes.number.isRequired
-};
-
 export default NoMovie;