using typescript, removing TOC

Author: wjohnsto

src/components/LandingPageWrapper.js src/components/LandingPageWrapper.tsxsrc/components/LandingPageWrapper.js renamed to src/components/LandingPageWrapper.tsx

@@ -1,10 +1,17 @@
 import Head from '@docusaurus/Head';
-import React, { useLayoutEffect } from 'react';
+import React from 'react';
 import useForm from '../hooks/useForm';
 import useMunchkin from '../hooks/useMunchkin';
 import useSqueeze from '../hooks/useSqueeze';
 
-export default function LandingPageWrapper({ thankYou, children }) {
+export interface LandingPageWrapperProps {
+  thankYou: string;
+}
+
+export default function LandingPageWrapper({
+  thankYou,
+  children,
+}: React.PropsWithChildren<LandingPageWrapperProps>) {
   useSqueeze();
   useForm(thankYou);
   useMunchkin();

src/hooks/useForm.js src/hooks/useForm.tssrc/hooks/useForm.js renamed to src/hooks/useForm.ts

@@ -1,6 +1,9 @@
+/* eslint-disable @typescript-eslint/no-unsafe-call, @typescript-eslint/no-misused-promises */
 import { useLayoutEffect } from 'react';
 
-export default function useForm(thankYou) {
+declare const MktoForms2: any;
+
+export default function useForm(thankYou: string) {
   useLayoutEffect(() => {
     const interval = setInterval(() => {
       if (typeof MktoForms2 === 'undefined') {
@@ -11,7 +14,8 @@ export default function useForm(thankYou) {
       document.querySelectorAll('.m-form').forEach(async (el) => {
         const id = el.id.split('_')[1];
         MktoForms2.setOptions({
-          formXDPath: 'https://lp.redis.com/rs/915-NFD-128/images/marketo-xdframe-relative.html',
+          formXDPath:
+            'https://lp.redis.com/rs/915-NFD-128/images/marketo-xdframe-relative.html',
         });
 
         let prefills = {};
@@ -34,18 +38,17 @@ export default function useForm(thankYou) {
           '//lp.redis.com',
           '915-NFD-128',
           Number(id),
-          (form) => {
+          (form: any) => {
             if (Object.keys(prefills).length > 0) {
               form.vals(prefills);
             }
 
             if (!thankYou) {
-                return;
+              return;
             }
 
             form.onSuccess(() => {
-                form.getFormElem().hide();
-
+              form.getFormElem().hide();
             });
           },
         );

src/hooks/useMunchkin.js src/hooks/useMunchkin.tssrc/hooks/useMunchkin.js renamed to src/hooks/useMunchkin.ts

@@ -1,19 +1,24 @@
+/* eslint-disable @typescript-eslint/no-unsafe-call, @typescript-eslint/ban-ts-comment */
 import { useLayoutEffect } from 'react';
 
+declare const Munchkin: any;
+
 export default function useMunchkin() {
   useLayoutEffect(() => {
-    var didInit = false;
+    let didInit = false;
     function initMunchkin() {
       if (didInit === false) {
         didInit = true;
         Munchkin.init('915-NFD-128');
       }
     }
-    var s = document.createElement('script');
+    const s = document.createElement('script');
     s.type = 'text/javascript';
     s.async = true;
     s.src = '//munchkin.marketo.net/munchkin.js';
+    // @ts-ignore
     s.onreadystatechange = function () {
+      // @ts-ignore
       if (this.readyState == 'complete' || this.readyState == 'loaded') {
         initMunchkin();
       }

src/hooks/useSqueeze.js src/hooks/useSqueeze.tssrc/hooks/useSqueeze.js renamed to src/hooks/useSqueeze.ts

@@ -1,4 +1,4 @@
-import React, { useLayoutEffect } from 'react';
+import React from 'react';
 import Layout from '@theme/Layout';
 import LandingPageWrapper from '../../components/LandingPageWrapper';
 
@@ -17,7 +17,7 @@ export default function LearnToEarnJWT() {
             style={{
               width: '70%',
               minWidth: '370px',
-              margin: 'auto'
+              margin: 'auto',
             }}>
             <p>
               Complete this short assessment for a chance to earn a $25 Amazon

src/pages/lp/learn-to-earn-jwt.js src/pages/lp/learn-to-earn-jwt.tsxsrc/pages/lp/learn-to-earn-jwt.js renamed to src/pages/lp/learn-to-earn-jwt.tsx

@@ -14,7 +14,6 @@ function Launchpad() {
           target="_blank"
           rel="noopener"
           className="link">
-
           <img
             src="/img/launchpad.png"
             className="thumb"