diff --git a/explorer-nextjs/app/App.tsx b/explorer-nextjs/app/App.tsx index 6763797c84..3bc3722630 100644 --- a/explorer-nextjs/app/App.tsx +++ b/explorer-nextjs/app/App.tsx @@ -1,11 +1,11 @@ -import React from 'react' -import { Navbar } from './components/Nav/Navbar' -import { Providers } from './providers' +import React from "react"; +import { Navbar } from "./components/Nav/Navbar"; +import { Providers } from "./providers"; -const App = ({ children }: { children: React.ReactNode }) => ( +const App = ({ children }: { children: any }) => ( {children} -) +); -export { App } +export { App }; diff --git a/explorer-nextjs/app/components/ComponentError.tsx b/explorer-nextjs/app/components/ComponentError.tsx index 00b448fb9e..7e74b6861f 100644 --- a/explorer-nextjs/app/components/ComponentError.tsx +++ b/explorer-nextjs/app/components/ComponentError.tsx @@ -1,9 +1,9 @@ -import { Typography } from '@mui/material'; -import * as React from 'react'; +import { Typography } from "@mui/material"; +import * as React from "react"; -export const ComponentError: FCWithChildren<{ text: string }> = ({ text }) => ( +export const ComponentError = ({ text }: { text: string }) => ( diff --git a/explorer-nextjs/app/components/ContentCard.tsx b/explorer-nextjs/app/components/ContentCard.tsx index c83049e5c7..032e56fcde 100644 --- a/explorer-nextjs/app/components/ContentCard.tsx +++ b/explorer-nextjs/app/components/ContentCard.tsx @@ -1,16 +1,17 @@ -import { Card, CardHeader, CardContent, Typography } from '@mui/material' -import React, { ReactEventHandler } from 'react' +import React, { ReactEventHandler } from "react"; +import { Card, CardHeader, CardContent, Typography } from "@mui/material"; type ContentCardProps = { - title?: React.ReactNode - subtitle?: string - Icon?: React.ReactNode - Action?: React.ReactNode - errorMsg?: string - onClick?: ReactEventHandler -} + title?: React.ReactNode; + subtitle?: string; + Icon?: React.ReactNode; + Action?: React.ReactNode; + errorMsg?: string; + children: React.ReactNode; + onClick?: ReactEventHandler; +}; -export const ContentCard: FCWithChildren = ({ +export const ContentCard = ({ title, Icon, Action, @@ -18,11 +19,11 @@ export const ContentCard: FCWithChildren = ({ errorMsg, children, onClick, -}) => ( - +}: ContentCardProps) => ( + {title && ( = ({ )} {children && {children}} {errorMsg && ( - + {errorMsg} )} -) +); diff --git a/explorer-nextjs/app/components/Footer.tsx b/explorer-nextjs/app/components/Footer.tsx index 3e69bd3c42..355f69de77 100644 --- a/explorer-nextjs/app/components/Footer.tsx +++ b/explorer-nextjs/app/components/Footer.tsx @@ -1,23 +1,24 @@ -import React from 'react' -import Box from '@mui/material/Box' -import MuiLink from '@mui/material/Link' -import Typography from '@mui/material/Typography' -import { useIsMobile } from '../hooks/useIsMobile' -import { NymVpnIcon } from '../icons/NymVpn' -import { Socials } from './Socials' -import Link from 'next/link' +import React from "react"; +import Box from "@mui/material/Box"; +import MuiLink from "@mui/material/Link"; +import Typography from "@mui/material/Typography"; +import { useIsMobile } from "../hooks/useIsMobile"; +import { NymVpnIcon } from "../icons/NymVpn"; +import { Socials } from "./Socials"; +import Link from "next/link"; export const Footer: FCWithChildren = () => { - const isMobile = useIsMobile() + const isMobile = useIsMobile(); return ( { > @@ -45,12 +46,12 @@ export const Footer: FCWithChildren = () => { © {new Date().getFullYear()} Nym Technologies SA, all rights reserved - ) -} + ); +}; diff --git a/explorer-nextjs/app/components/Nav/DesktopNav.tsx b/explorer-nextjs/app/components/Nav/DesktopNav.tsx index c8c872b9b4..8ea0ecedba 100644 --- a/explorer-nextjs/app/components/Nav/DesktopNav.tsx +++ b/explorer-nextjs/app/components/Nav/DesktopNav.tsx @@ -88,7 +88,7 @@ type ExpandableButtonType = { fixDrawerClose?: () => void; }; -export const ExpandableButton: FCWithChildren = ({ +export const ExpandableButton = ({ title, url, drawIsTempOpen, @@ -101,7 +101,7 @@ export const ExpandableButton: FCWithChildren = ({ openDrawer, closeDrawer, fixDrawerClose, -}) => { +}: ExpandableButtonType) => { const { palette } = useTheme(); const pathname = usePathname(); const router = useRouter(); @@ -183,7 +183,7 @@ export const ExpandableButton: FCWithChildren = ({ ); }; -export const Nav: FCWithChildren = ({ children }) => { +export const Nav = ({ children }: { children: React.ReactNode }) => { const { environment } = useMainContext(); const [drawerIsOpen, setDrawerToOpen] = React.useState(false); const [fixedOpen, setFixedOpen] = React.useState(false); @@ -364,7 +364,7 @@ export const Nav: FCWithChildren = ({ children }) => { {children}