From 7569a8d4276366f3e629d31121692c0675cb8469 Mon Sep 17 00:00:00 2001
From: Marlon Johnson <johnsonmarlon18@gmail.com>
Date: Mon, 21 Jun 2021 13:54:32 -0700
Subject: [PATCH] refactor(client): button to TypeScript

---
 .../components/helpers/{ButtonSpacer.js => button-spacer.tsx}   | 2 +-
 client/src/components/helpers/index.js                          | 2 +-
 client/src/templates/Introduction/Intro.js                      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)
 rename client/src/components/helpers/{ButtonSpacer.js => button-spacer.tsx} (81%)

diff --git a/client/src/components/helpers/ButtonSpacer.js b/client/src/components/helpers/button-spacer.tsx
similarity index 81%
rename from client/src/components/helpers/ButtonSpacer.js
rename to client/src/components/helpers/button-spacer.tsx
index 8ac663d857..9813d0b823 100644
--- a/client/src/components/helpers/ButtonSpacer.js
+++ b/client/src/components/helpers/button-spacer.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-function ButtonSpacer() {
+function ButtonSpacer(): JSX.Element {
   return <div className='button-spacer' style={{ padding: '5px 0' }} />;
 }
 
diff --git a/client/src/components/helpers/index.js b/client/src/components/helpers/index.js
index 6bc646dc54..02993b63ae 100644
--- a/client/src/components/helpers/index.js
+++ b/client/src/components/helpers/index.js
@@ -1,4 +1,4 @@
-export { default as ButtonSpacer } from './ButtonSpacer';
+export { default as ButtonSpacer } from './button-spacer';
 export { default as FullWidthRow } from './full-width-row';
 export { default as SlimWidthRow } from './slim-width-row';
 export { default as Loader } from './loader';
diff --git a/client/src/templates/Introduction/Intro.js b/client/src/templates/Introduction/Intro.js
index 1406a28978..3c750bfecc 100644
--- a/client/src/templates/Introduction/Intro.js
+++ b/client/src/templates/Introduction/Intro.js
@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 
 import LearnLayout from '../../components/layouts/Learn';
 import FullWidthRow from '../../components/helpers/full-width-row';
-import ButtonSpacer from '../../components/helpers/ButtonSpacer';
+import ButtonSpacer from '../../components/helpers/button-spacer';
 import { MarkdownRemark, AllChallengeNode } from '../../redux/prop-types';
 
 import './intro.css';