Pulsating effect mientras carga elemento

src/components/Search.jsx

@@ -9,11 +9,14 @@ import {Tab, TabList, TabPanel, Tabs} from "react-tabs";
 
 import {ReactComponent as DiscSVG} from "../svg/disc.svg";
 
-const SearchPlaceholder = (props) => (
-    <Fragment>
-        {[...Array(10)].map((e, i) => <li key={i} className={props.className}/>)}
-    </Fragment>
-)
+const SearchPlaceholder = (props) => {
+    const className = props.className + ' pulsating';
+    return (
+        <Fragment>
+            {[...Array(10)].map((e, i) => <li key={i} className={className}/>)}
+        </Fragment>
+    )
+}
 
 class SearchSong extends React.Component {
     render() {
@@ -97,10 +100,10 @@ class SearchSongs extends React.Component {
 
 class SearchDisc extends React.Component {
     getReleaseYear = (release) => {
-       const releaseDate = new Date(release);
-       return (
-           <span className='release-date'>{releaseDate.getFullYear()}</span>
-       )
+        const releaseDate = new Date(release);
+        return (
+            <span className='release-date'>{releaseDate.getFullYear()}</span>
+        )
     }
 
     render() {