Merge pull request #2367 from target/use-typescript-Errors

ui/error-pages: convert Error files to typescript
target · May 11, 2022 · dae55df · dae55df
2 parents 55c8d91 + 958db3a
commit dae55df
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 11 deletions.
diff --git a/web/src/app/error-pages/Errors.js → web/src/app/error-pages/Errors.tsx b/web/src/app/error-pages/Errors.js → web/src/app/error-pages/Errors.tsx
@@ -5,9 +5,13 @@ import {
   SentimentVeryDissatisfied,
 } from '@mui/icons-material'
 import { useTheme } from '@mui/material'
-import p from 'prop-types'
 
-export function PageNotFound() {
+interface ErrorsProps {
+  error?: string
+  type?: string
+}
+
+export function PageNotFound(): JSX.Element {
   const theme = useTheme()
   return (
     <div style={{ textAlign: 'center', color: theme.palette.text.primary }}>
@@ -19,7 +23,7 @@ export function PageNotFound() {
   )
 }
 
-export function ObjectNotFound(props) {
+export function ObjectNotFound(props: ErrorsProps): JSX.Element {
   const theme = useTheme()
   return (
     <div style={{ textAlign: 'center', color: theme.palette.text.primary }}>
@@ -34,11 +38,8 @@ export function ObjectNotFound(props) {
     </div>
   )
 }
-ObjectNotFound.propTypes = {
-  type: p.string,
-}
 
-export function GenericError(props) {
+export function GenericError(props: ErrorsProps): JSX.Element {
   const theme = useTheme()
   let errorText
   if (props.error) {
@@ -52,7 +53,3 @@ export function GenericError(props) {
     </div>
   )
 }
-
-GenericError.propTypes = {
-  error: p.string,
-}
diff --git a/web/src/app/error-pages/index.js → web/src/app/error-pages/index.tsx b/web/src/app/error-pages/index.js → web/src/app/error-pages/index.tsx