From 99006403c465b0d607767d3ffe4a678893bcfeb3 Mon Sep 17 00:00:00 2001
From: Marlon Johnson <johnsonmarlon18@gmail.com>
Date: Sun, 20 Jun 2021 09:59:12 -0700
Subject: [PATCH] refactor(client): skelton-sprite to TypeScript

---
 client/src/components/helpers/index.js                        | 2 +-
 .../helpers/{SkeletonSprite.js => skeleton-sprite.tsx}        | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)
 rename client/src/components/helpers/{SkeletonSprite.js => skeleton-sprite.tsx} (84%)

diff --git a/client/src/components/helpers/index.js b/client/src/components/helpers/index.js
index 6ec14e3fa0..3d3f1830bb 100644
--- a/client/src/components/helpers/index.js
+++ b/client/src/components/helpers/index.js
@@ -2,7 +2,7 @@ export { default as ButtonSpacer } from './ButtonSpacer';
 export { default as FullWidthRow } from './FullWidthRow';
 export { default as SlimWidthRow } from './slim-width-row';
 export { default as Loader } from './Loader';
-export { default as SkeletonSprite } from './SkeletonSprite';
+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';
diff --git a/client/src/components/helpers/SkeletonSprite.js b/client/src/components/helpers/skeleton-sprite.tsx
similarity index 84%
rename from client/src/components/helpers/SkeletonSprite.js
rename to client/src/components/helpers/skeleton-sprite.tsx
index 27a55209dd..152045c716 100644
--- a/client/src/components/helpers/SkeletonSprite.js
+++ b/client/src/components/helpers/skeleton-sprite.tsx
@@ -2,7 +2,9 @@ import React from 'react';
 
 import styles from './skeleton-styles';
 
-function SkeletonSprite() {
+function SkeletonSprite({}: React.FC<
+  React.ComponentPropsWithoutRef<'svg'>
+>): JSX.Element {
   return (
     <div className='sprite-container'>
       <style dangerouslySetInnerHTML={{ __html: styles }} />