fix(LandingNav): rectify types error

issue #82
sabertazimi · Aug 4, 2021 · 512fef2 · 512fef2
1 parent 4a7233f
commit 512fef2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/components/LandingNav/LandingNav.tsx b/src/components/LandingNav/LandingNav.tsx
@@ -4,7 +4,7 @@ import { Routes } from '@config';
 import { Close, Hamburger } from '@components/Icons';
 import LandingNavLink from './LandingNavLink';
 
-const LandingNav = () => {
+const LandingNav = (): JSX.Element => {
   const [expanded, setExpanded] = useState(false);
 
   const handleClick = useCallback(() => {
@@ -37,7 +37,7 @@ const LandingNav = () => {
           'cursor-pointer top-12 left-12 z-100'
         )}
         role="button"
-        tabIndex="0"
+        tabIndex={0}
         onClick={handleClick}
         onKeyDown={handleClick}
       >

diff --git a/src/components/LandingNav/LandingNavLink.tsx b/src/components/LandingNav/LandingNavLink.tsx
@@ -3,7 +3,17 @@ import classNames from 'classnames';
 import { Link } from 'gatsby';
 import { Tooltip } from 'antd';
 
-const LandingNavLink = ({ title = 'Tooltip', to = '/', children }) => (
+interface Props {
+  title: string;
+  to: string;
+  children: React.ReactNode;
+}
+
+const LandingNavLink = ({
+  title = 'Tooltip',
+  to = '/',
+  children,
+}: Props): JSX.Element => (
   <Tooltip className="mb-16" placement="left" title={title}>
     <Link to={to}>
       <span