From 9f1562291c1008727a6bafab7e83236d6ac4eded Mon Sep 17 00:00:00 2001
From: Jeff <jsg994@gmail.com>
Date: Tue, 21 Feb 2023 07:50:29 -0600
Subject: [PATCH] fix: remove unused className spacer from spacer helper
 (#49067)

* fix: remove unused className spacer from spacer helper

---------

Co-authored-by: jeff <jeff@vpmbp4.local>
---
 client/src/components/helpers/spacer.tsx          |  4 +---
 .../profile/__snapshots__/profile.test.tsx.snap   |  4 ----
 .../__snapshots__/settings-button.test.js.snap    | 15 ---------------
 .../__snapshots__/email-sign-up.test.js.snap      |  5 -----
 4 files changed, 1 insertion(+), 27 deletions(-)

diff --git a/client/src/components/helpers/spacer.tsx b/client/src/components/helpers/spacer.tsx
index a56fb39d9f4..d63c689fa53 100644
--- a/client/src/components/helpers/spacer.tsx
+++ b/client/src/components/helpers/spacer.tsx
@@ -6,9 +6,7 @@ interface SpacerProps {
 
 const styles = { padding: '15px 0', height: '1px' };
 
-const Comp = ({ ...props }): JSX.Element => (
-  <div className='spacer' style={styles} {...props} />
-);
+const Comp = ({ ...props }): JSX.Element => <div style={styles} {...props} />;
 
 const Spacer = ({ size = 1 }: SpacerProps): JSX.Element =>
   size === 1 ? (
diff --git a/client/src/components/profile/__snapshots__/profile.test.tsx.snap b/client/src/components/profile/__snapshots__/profile.test.tsx.snap
index 33e47cfaedf..72486eec310 100644
--- a/client/src/components/profile/__snapshots__/profile.test.tsx.snap
+++ b/client/src/components/profile/__snapshots__/profile.test.tsx.snap
@@ -3,14 +3,12 @@
 exports[`<Profile/> renders correctly 1`] = `
 <div>
   <div
-    class="spacer"
     style="padding: 15px 0px; height: 1px;"
   />
   <div
     class="container"
   >
     <div
-      class="spacer"
       style="padding: 15px 0px; height: 1px;"
     />
     <div>
@@ -275,7 +273,6 @@ exports[`<Profile/> renders correctly 1`] = `
       <br />
     </div>
     <div
-      class="spacer"
       style="padding: 15px 0px; height: 1px;"
     />
     <div
@@ -288,7 +285,6 @@ exports[`<Profile/> renders correctly 1`] = `
       </a>
     </div>
     <div
-      class="spacer"
       style="padding: 15px 0px; height: 1px;"
     />
   </div>
diff --git a/client/src/components/settings/__snapshots__/settings-button.test.js.snap b/client/src/components/settings/__snapshots__/settings-button.test.js.snap
index 219bb0227aa..078295f084b 100644
--- a/client/src/components/settings/__snapshots__/settings-button.test.js.snap
+++ b/client/src/components/settings/__snapshots__/settings-button.test.js.snap
@@ -9,7 +9,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -149,7 +148,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -289,7 +287,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -429,7 +426,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -569,7 +565,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -709,7 +704,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -849,7 +843,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -989,7 +982,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -1129,7 +1121,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -1269,7 +1260,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -1409,7 +1399,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -1554,7 +1543,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -1774,7 +1762,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -1994,7 +1981,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -2214,7 +2200,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
diff --git a/client/src/pages/__snapshots__/email-sign-up.test.js.snap b/client/src/pages/__snapshots__/email-sign-up.test.js.snap
index 1931f92d7b4..c6fc3a404dc 100644
--- a/client/src/pages/__snapshots__/email-sign-up.test.js.snap
+++ b/client/src/pages/__snapshots__/email-sign-up.test.js.snap
@@ -13,7 +13,6 @@ exports[`<EmailSignUp /> Non-Authenticated user "not accepted terms and conditio
       className="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -28,7 +27,6 @@ exports[`<EmailSignUp /> Non-Authenticated user "not accepted terms and conditio
           learn.read-this.heading
         </strong>
         <div
-          className="spacer"
           style={
             Object {
               "height": "1px",
@@ -97,7 +95,6 @@ exports[`<EmailSignUp /> Non-Authenticated user "not accepted terms and conditio
         misc.quincy
       </strong>
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -109,7 +106,6 @@ exports[`<EmailSignUp /> Non-Authenticated user "not accepted terms and conditio
         misc.email-blast
       </p>
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -150,7 +146,6 @@ exports[`<EmailSignUp /> Non-Authenticated user "not accepted terms and conditio
       className="col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",