From 649ff5824f15e92fb2037311c6be764afd88dfaa Mon Sep 17 00:00:00 2001
From: Aditya Khatri <adityakhatri47@gmail.com>
Date: Wed, 24 Jun 2020 10:12:14 +0545
Subject: [PATCH] Add loading animation to career item

---
 client/src/views/Career/index.js    | 22 ++++++++++++++--------
 client/src/views/Career/styles.scss |  1 +
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/client/src/views/Career/index.js b/client/src/views/Career/index.js
index 5ab40c3..df0ef32 100644
--- a/client/src/views/Career/index.js
+++ b/client/src/views/Career/index.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { Link } from 'react-router-dom';
 
 import ListView from '#rscv/List/ListView';
+import LoadingAnimation from '#rscv/LoadingAnimation';
 
 import {
     RequestCoordinator,
@@ -46,6 +47,7 @@ function Career(props) {
     const {
         requests: {
             careerGet: {
+                pending,
                 response = [],
             },
         },
@@ -87,14 +89,18 @@ function Career(props) {
                 </p>
             </div>
             <div className={styles.content}>
-                <ListView
-                    className={styles.career}
-                    emptyComponent={EmptyComponent}
-                    keyExtractor={careerKeySelector}
-                    data={response}
-                    renderer={CareerItem}
-                    rendererParams={careerItemsRendererParams}
-                />
+                {!pending ? (
+                    <LoadingAnimation />
+                ) : (
+                    <ListView
+                        className={styles.career}
+                        emptyComponent={EmptyComponent}
+                        keyExtractor={careerKeySelector}
+                        data={response}
+                        renderer={CareerItem}
+                        rendererParams={careerItemsRendererParams}
+                    />
+                )}
             </div>
             <div className={styles.footer}>
                 <div className={styles.innerChild}>
diff --git a/client/src/views/Career/styles.scss b/client/src/views/Career/styles.scss
index 8fc45c5..143a06d 100644
--- a/client/src/views/Career/styles.scss
+++ b/client/src/views/Career/styles.scss
@@ -68,6 +68,7 @@
 
     .content {
         display: flex;
+        position: relative;
         flex-direction: column;
         flex-grow: 1;
         width: 100vw;