Transform 'AuthLayoutContainer' component hierarchy to tsx (#699)

Co-authored-by: Muhamed <>
Co-authored-by: Vijay A <vraravam@users.noreply.github.com>

1 files changed, 6 insertions, 8 deletions

diff --git a/src/components/AppUpdateInfoBar.tsx b/src/components/AppUpdateInfoBar.tsx
index 3ff488b74..ff4a9b9ad 100644
--- a/src/components/AppUpdateInfoBar.tsx
+++ b/src/components/AppUpdateInfoBar.tsx
@@ -1,6 +1,7 @@
 import { defineMessages, useIntl } from 'react-intl';
 
 import { mdiInformation } from '@mdi/js';
+import { MouseEventHandler } from 'react';
 import InfoBar from './ui/InfoBar';
 import Icon from './ui/icon';
 
@@ -21,17 +22,14 @@ const messages = defineMessages({
   },
 });
 
-type Props = {
-  onInstallUpdate: () => void;
+export interface IProps {
+  onInstallUpdate: MouseEventHandler<HTMLButtonElement>;
   onHide: () => void;
   updateVersionParsed: string;
-};
+}
 
-const AppUpdateInfoBar = ({
-  onInstallUpdate,
-  updateVersionParsed,
-  onHide,
-}: Props) => {
+const AppUpdateInfoBar = (props: IProps) => {
+  const { onInstallUpdate, updateVersionParsed, onHide } = props;
   const intl = useIntl();
 
   return (