feature(database-connection): Refactor ErrorContainer.tsx to functional components
This commit is contained in:
@@ -1,19 +1,14 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import './ErrorContainer.scss';
|
import './ErrorContainer.scss';
|
||||||
|
|
||||||
export interface ErrorContainerProperties {
|
const ErrorContainer: React.FC<IErrorContainerProps> = (props: IErrorContainerProps) => (
|
||||||
message: string
|
<div className="ErrorContainer" data-testid="ErrorContainer">
|
||||||
}
|
{props.message}
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
|
||||||
class ErrorContainer extends React.Component<ErrorContainerProperties> {
|
export interface IErrorContainerProps {
|
||||||
|
message: string
|
||||||
render() {
|
|
||||||
return (
|
|
||||||
<div className="ErrorContainer" data-testid="ErrorContainer">
|
|
||||||
{ this.props.message }
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export default ErrorContainer;
|
export default ErrorContainer;
|
||||||
|
|||||||
Reference in New Issue
Block a user