refactor(client): current-challenge-link to TypeScript

client/src/components/Intro/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Link, Spacer, Loader, FullWidthRow } from '../helpers';
 import { randomQuote } from '../../utils/get-words';
-import CurrentChallengeLink from '../helpers/CurrentChallengeLink';
+import CurrentChallengeLink from '../helpers/current-challenge-link';
 import IntroDescription from './components/IntroDescription';
 import { Trans, useTranslation } from 'react-i18next';
 

client/src/components/helpers/current-challenge-link.tsx

@@ -1,18 +1,22 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 
 import envData from '../../../../config/env.json';
 
-const { apiLocation } = envData;
+interface EnvData {
+  apiLocation?: string;
+}
+
+const { apiLocation } = envData as EnvData;
 
 const currentChallengeApi = '/challenges/current-challenge';
 
-const propTypes = {
+function CurrentChallengeLink({
-  children: PropTypes.any,
+  children,
-  isLargeBtn: PropTypes.bool
+  isLargeBtn
-};
+}: {
-
+  children?: React.ReactNode;
-function CurrentChallengeLink({ children, isLargeBtn }) {
+  isLargeBtn?: boolean;
+}): JSX.Element {
   let classNames;
   if (isLargeBtn) {
     classNames = 'btn btn-lg btn-primary btn-block';
@@ -20,13 +24,15 @@ function CurrentChallengeLink({ children, isLargeBtn }) {
     classNames = 'btn btn-primary btn-block';
   }
   return (
-    <a className={classNames} href={`${apiLocation}${currentChallengeApi}`}>
+    <a
+      className={classNames}
+      href={`${apiLocation as string}${currentChallengeApi}`}
+    >
       {children}
     </a>
   );
 }
 
 CurrentChallengeLink.displayName = 'CurrentChallengeLink';
-CurrentChallengeLink.propTypes = propTypes;
 
 export default CurrentChallengeLink;

client/src/components/helpers/index.js

@@ -5,7 +5,7 @@ export { default as Loader } from './loader';
 export { default as SkeletonSprite } from './skeleton-sprite';
 export { default as Spacer } from './spacer';
 export { default as Link } from './link';
-export { default as CurrentChallengeLink } from './CurrentChallengeLink';
+export { default as CurrentChallengeLink } from './current-challenge-link';
 export { default as ImageLoader } from './image-loader';
 export { default as AvatarRenderer } from './AvatarRenderer';
 export { default as borderColorPicker } from './borderColorPicker';

client/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "include": ["./i18n/**/*", "./plugins/**/*","./src/**/*","./utils/**/*"],
+  "include": ["./i18n/**/*", "./plugins/**/*", "./src/**/*", "./utils/**/*"],
   "compilerOptions": {
     "target": "es2020",
     "module": "es2020",
@@ -11,6 +11,7 @@
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
     "noEmit": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "resolveJsonModule": true
   }
 }