refactor(web): remove typescript

packages/web/src/components/Layout/index.jsx

@@ -9,18 +9,12 @@ import SwapCallsIcon from '@mui/icons-material/SwapCalls';
 import HistoryIcon from '@mui/icons-material/History';
 import NotificationsIcon from '@mui/icons-material/Notifications';
 import ArrowBackIosNew from '@mui/icons-material/ArrowBackIosNew';
-
 import * as URLS from 'config/urls';
 import useFormatMessage from 'hooks/useFormatMessage';
 import useVersion from 'hooks/useVersion';
 import AppBar from 'components/AppBar';
 import Drawer from 'components/Drawer';
 import useConfig from 'hooks/useConfig';
-
-type PublicLayoutProps = {
-  children: React.ReactNode;
-};
-
 const drawerLinks = [
   {
     Icon: SwapCallsIcon,
@@ -41,64 +35,37 @@ const drawerLinks = [
     dataTest: 'executions-page-drawer-link',
   },
 ];
-
-type GenerateDrawerBottomLinksOptions = {
-  disableNotificationsPage: boolean;
-  notificationBadgeContent: number;
-  additionalDrawerLink?: string;
-  additionalDrawerLinkText?: string;
-  additionalDrawerLinkIcon?: string;
-  formatMessage: ReturnType<typeof useFormatMessage>;
-};
-
 const generateDrawerBottomLinks = async ({
   disableNotificationsPage,
   notificationBadgeContent = 0,
   additionalDrawerLink,
   additionalDrawerLinkText,
   formatMessage,
-}: GenerateDrawerBottomLinksOptions) => {
+}) => {
   const notificationsPageLinkObject = {
     Icon: NotificationsIcon,
     primary: formatMessage('settingsDrawer.notifications'),
     to: URLS.UPDATES,
     badgeContent: notificationBadgeContent,
   };
-
   const hasAdditionalDrawerLink =
     additionalDrawerLink && additionalDrawerLinkText;
-
   const additionalDrawerLinkObject = {
     Icon: ArrowBackIosNew,
     primary: additionalDrawerLinkText || '',
     to: additionalDrawerLink || '',
-    target: '_blank' as const,
+    target: '_blank',
   };
-
   const links = [];
-
   if (!disableNotificationsPage) {
     links.push(notificationsPageLinkObject);
   }
-
   if (hasAdditionalDrawerLink) {
     links.push(additionalDrawerLinkObject);
   }
-
   return links;
 };
-
-type Link = {
-  Icon: React.ElementType;
-  primary: string;
-  target?: '_blank';
-  to: string;
-  badgeContent?: React.ReactNode;
-};
-
-export default function PublicLayout({
-  children,
-}: PublicLayoutProps): React.ReactElement {
+export default function PublicLayout({ children }) {
   const version = useVersion();
   const { config, loading } = useConfig([
     'disableNotificationsPage',
@@ -107,31 +74,25 @@ export default function PublicLayout({
   ]);
   const theme = useTheme();
   const formatMessage = useFormatMessage();
-  const [bottomLinks, setBottomLinks] = React.useState<Link[]>([]);
+  const [bottomLinks, setBottomLinks] = React.useState([]);
   const matchSmallScreens = useMediaQuery(theme.breakpoints.down('lg'));
   const [isDrawerOpen, setDrawerOpen] = React.useState(!matchSmallScreens);
-
   const openDrawer = () => setDrawerOpen(true);
   const closeDrawer = () => setDrawerOpen(false);
-
   React.useEffect(() => {
     async function perform() {
       const newBottomLinks = await generateDrawerBottomLinks({
         notificationBadgeContent: version.newVersionCount,
-        disableNotificationsPage: config?.disableNotificationsPage as boolean,
-        additionalDrawerLink: config?.additionalDrawerLink as string,
-        additionalDrawerLinkText: config?.additionalDrawerLinkText as string,
+        disableNotificationsPage: config?.disableNotificationsPage,
+        additionalDrawerLink: config?.additionalDrawerLink,
+        additionalDrawerLinkText: config?.additionalDrawerLinkText,
         formatMessage,
       });
-
       setBottomLinks(newBottomLinks);
     }
-
     if (loading) return;
-
     perform();
   }, [config, loading, version.newVersionCount]);
-
   return (
     <>
       <AppBar