diff --git a/src/components/Loader/Loader.js b/src/components/Loader/Loader.js
index a0645068..4b757384 100644
--- a/src/components/Loader/Loader.js
+++ b/src/components/Loader/Loader.js
@@ -1,4 +1,6 @@
import SVGLoader from "react-loader-spinner";
+import './loader.css'
+
export const Loader = () => {
return (
@@ -7,7 +9,6 @@ export const Loader = () => {
color="#fff"
height={50}
width={50}
- timeout={3000}
/>
);
diff --git a/src/components/Loader/loader.css b/src/components/Loader/loader.css
new file mode 100644
index 00000000..bd38bca5
--- /dev/null
+++ b/src/components/Loader/loader.css
@@ -0,0 +1,11 @@
+.loader {
+ height: 100%;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.loader:hover path {
+ fill: #6aaf5c;
+}
\ No newline at end of file
diff --git a/src/components/Select/TagSelect.js b/src/components/Select/TagSelect.js
index a78075b4..db075124 100644
--- a/src/components/Select/TagSelect.js
+++ b/src/components/Select/TagSelect.js
@@ -1,12 +1,15 @@
import React from 'react';
import { useSelector, useDispatch } from 'react-redux';
import Select from 'react-select';
+import { Loader } from '../Loader/Loader';
import style from './TagSelect.module.css';
import { selectedItems, selectItems, selectTags, filteredCandidates } from '../../redux/outstaffingSlice';
import { fetchItemsForId } from '../../server/server';
+import { selectIsLoading } from '../../redux/loaderSlice';
const TagSelect = () => {
const dispatch = useDispatch();
+ const isLoading = useSelector(selectIsLoading)
const itemsArr = useSelector(selectItems);
@@ -41,8 +44,8 @@ const TagSelect = () => {
return { id: item.id, value: item.value, label: item.value };
})}
/>
-