Fixed imports in pages

src/components/Common/Loader/Loader.jsx

@@ -0,0 +1,17 @@
+import React from "react";
+import SVGLoader from "react-loader-spinner";
+
+import "./loader.scss";
+
+export const Loader = ({ width = 50, height = 50, style }) => {
+  return (
+    <div className="loader">
+      <SVGLoader
+        type="Circles"
+        color={style ? style : `#fff`}
+        height={height}
+        width={width}
+      />
+    </div>
+  );
+};

src/components/Common/Loader/loader.scss

@@ -0,0 +1,14 @@
+.loader {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+
+  &:hover {
+    path {
+      fill: #6aaf5c;
+    }
+  }
+}