From df209b42038deea3be5ee08cca117a5fe0a3cb1f Mon Sep 17 00:00:00 2001
From: svetlagasheva <svetulka_24@mail.bg>
Date: Mon, 25 Mar 2019 15:37:53 +0200
Subject: [PATCH 1/4] Loader implemented

---
 src/common/Loader/Loader.js | 61 +++++++++++++++++++++++++++++++++++++
 src/common/Loader/index.js  |  3 ++
 src/common/index.js         |  2 ++
 3 files changed, 66 insertions(+)
 create mode 100644 src/common/Loader/Loader.js
 create mode 100644 src/common/Loader/index.js

diff --git a/src/common/Loader/Loader.js b/src/common/Loader/Loader.js
new file mode 100644
index 000000000..d4cf37105
--- /dev/null
+++ b/src/common/Loader/Loader.js
@@ -0,0 +1,61 @@
+import React, { PureComponent } from 'react';
+import colors from 'stremio-colors';
+
+class Loader extends PureComponent {
+    render() {
+        return (
+            <svg width="100" height="100" viewBox="0 0 1024 1024">
+
+                <path d={'M512 0l-512 512 512 512 512-512zM411.106 752.941v-480.376l323.464 240.941z'} fill={colors.surfacelighter}/>
+
+                <path d={'M256,256 512,0 768,256 512,512Z'} fillOpacity={0.8}>
+                    <animate
+                        attributeType="CSS"
+                        attributeName="opacity"
+                        dur="3s"
+                        values="0.8;0.3;0.3;0.3;0.3;0.3"
+                        keyTimes="0;0.2;0.4;0.6;0.8;1"
+                        calcMode="discrete"
+                        repeatCount="indefinite"
+                    />
+                </path>
+                <path d={'M768,256 1024,512 768,768 512,512Z'} fillOpacity={0.8}>
+                    <animate
+                        attributeType="CSS"
+                        attributeName="opacity"
+                        dur="3s"
+                        values="0.8;0.8;0.3;0.3;0.3;0.3"
+                        keyTimes="0;0.2;0.4;0.6;0.8;1"
+                        calcMode="discrete"
+                        repeatCount="indefinite"
+                    />
+                </path>
+                <path d={'M768,768 512,1024 256,768 512,512Z'} fillOpacity={0.8}>
+                    <animate
+                        attributeType="CSS"
+                        attributeName="opacity"
+                        dur="3s"
+                        values="0.8;0.8;0.8;0.3;0.3;0.3"
+                        keyTimes="0;0.2;0.4;0.6;0.8;1"
+                        calcMode="discrete"
+                        repeatCount="indefinite"
+                    />
+                </path>
+                <path d={'M256,768 0,512 256,256 512,512Z'} fillOpacity={0.8}>
+                    <animate
+                        attributeType="CSS"
+                        attributeName="opacity"
+                        dur="3s"
+                        values="0.8;0.8;0.8;0.8;0.3;0.3"
+                        keyTimes="0;0.2;0.4;0.6;0.8;1"
+                        calcMode="discrete"
+                        repeatCount="indefinite"
+                    />
+                </path>
+            </svg>
+
+        );
+    }
+}
+
+export default Loader;
diff --git a/src/common/Loader/index.js b/src/common/Loader/index.js
new file mode 100644
index 000000000..832fbc442
--- /dev/null
+++ b/src/common/Loader/index.js
@@ -0,0 +1,3 @@
+import Loader from './Loader';
+
+export default Loader;
\ No newline at end of file
diff --git a/src/common/index.js b/src/common/index.js
index 7d4d2e23e..1f63b50bc 100644
--- a/src/common/index.js
+++ b/src/common/index.js
@@ -9,6 +9,7 @@ import NavBar from './NavBar';
 import MetaItem from './MetaItem';
 import ShareAddon from './ShareAddon';
 import UserPanel from './UserPanel';
+import Loader from './Loader';
 
 export {
     Checkbox,
@@ -22,6 +23,7 @@ export {
     MetaItem,
     ShareAddon,
     UserPanel,
+    Loader,
     Slider,
     FocusableProvider,
     withFocusable

From 53919e33d1a09167df0133802b7ae2d6907a86c3 Mon Sep 17 00:00:00 2001
From: svetlagasheva <svetulka_24@mail.bg>
Date: Mon, 25 Mar 2019 15:43:47 +0200
Subject: [PATCH 2/4] white spaces removed

---
 src/common/Loader/Loader.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/common/Loader/Loader.js b/src/common/Loader/Loader.js
index d4cf37105..5a5bcd9fc 100644
--- a/src/common/Loader/Loader.js
+++ b/src/common/Loader/Loader.js
@@ -5,9 +5,7 @@ class Loader extends PureComponent {
     render() {
         return (
             <svg width="100" height="100" viewBox="0 0 1024 1024">
-
                 <path d={'M512 0l-512 512 512 512 512-512zM411.106 752.941v-480.376l323.464 240.941z'} fill={colors.surfacelighter}/>
-
                 <path d={'M256,256 512,0 768,256 512,512Z'} fillOpacity={0.8}>
                     <animate
                         attributeType="CSS"

From f88e6d52ff6fa9e05c47913afabe092d33c606b7 Mon Sep 17 00:00:00 2001
From: svetlagasheva <svetulka_24@mail.bg>
Date: Mon, 25 Mar 2019 16:01:07 +0200
Subject: [PATCH 3/4] single quotes

---
 src/common/Loader/Loader.js | 63 ++++++++++++++++++-------------------
 1 file changed, 31 insertions(+), 32 deletions(-)

diff --git a/src/common/Loader/Loader.js b/src/common/Loader/Loader.js
index 5a5bcd9fc..ef54811ca 100644
--- a/src/common/Loader/Loader.js
+++ b/src/common/Loader/Loader.js
@@ -1,57 +1,56 @@
 import React, { PureComponent } from 'react';
-import colors from 'stremio-colors';
 
 class Loader extends PureComponent {
     render() {
+        const { fill, children, ...props } = this.props;
         return (
-            <svg width="100" height="100" viewBox="0 0 1024 1024">
-                <path d={'M512 0l-512 512 512 512 512-512zM411.106 752.941v-480.376l323.464 240.941z'} fill={colors.surfacelighter}/>
+            <svg {...props} viewBox="0 0 1024 1024">
+                <path d={'M512 0l-512 512 512 512 512-512zM411.106 752.941v-480.376l323.464 240.941z'} fill={fill} />
                 <path d={'M256,256 512,0 768,256 512,512Z'} fillOpacity={0.8}>
                     <animate
-                        attributeType="CSS"
-                        attributeName="opacity"
-                        dur="3s"
-                        values="0.8;0.3;0.3;0.3;0.3;0.3"
-                        keyTimes="0;0.2;0.4;0.6;0.8;1"
-                        calcMode="discrete"
-                        repeatCount="indefinite"
+                        attributeType={'CSS'}
+                        attributeName={'opacity'}
+                        dur={'3s'}
+                        values={'0.8;0.3;0.3;0.3;0.3;0.3'}
+                        keyTimes={'0;0.2;0.4;0.6;0.8;1'}
+                        calcMode={'discrete'}
+                        repeatCount={'indefinite'}
                     />
                 </path>
                 <path d={'M768,256 1024,512 768,768 512,512Z'} fillOpacity={0.8}>
                     <animate
-                        attributeType="CSS"
-                        attributeName="opacity"
-                        dur="3s"
-                        values="0.8;0.8;0.3;0.3;0.3;0.3"
-                        keyTimes="0;0.2;0.4;0.6;0.8;1"
-                        calcMode="discrete"
-                        repeatCount="indefinite"
+                        attributeType={'CSS'}
+                        attributeName={'opacity'}
+                        dur={'3s'}
+                        values={'0.8;0.8;0.3;0.3;0.3;0.3'}
+                        keyTimes={'0;0.2;0.4;0.6;0.8;1'}
+                        calcMode={'discrete'}
+                        repeatCount={'indefinite'}
                     />
                 </path>
                 <path d={'M768,768 512,1024 256,768 512,512Z'} fillOpacity={0.8}>
                     <animate
-                        attributeType="CSS"
-                        attributeName="opacity"
-                        dur="3s"
-                        values="0.8;0.8;0.8;0.3;0.3;0.3"
-                        keyTimes="0;0.2;0.4;0.6;0.8;1"
-                        calcMode="discrete"
-                        repeatCount="indefinite"
+                        attributeType={'CSS'}
+                        attributeName={'opacity'}
+                        dur={'3s'}
+                        values={'0.8;0.8;0.8;0.3;0.3;0.3'}
+                        keyTimes={'0;0.2;0.4;0.6;0.8;1'}
+                        calcMode={'discrete'}
+                        repeatCount={'indefinite'}
                     />
                 </path>
                 <path d={'M256,768 0,512 256,256 512,512Z'} fillOpacity={0.8}>
                     <animate
-                        attributeType="CSS"
-                        attributeName="opacity"
-                        dur="3s"
-                        values="0.8;0.8;0.8;0.8;0.3;0.3"
-                        keyTimes="0;0.2;0.4;0.6;0.8;1"
-                        calcMode="discrete"
-                        repeatCount="indefinite"
+                        attributeType={'CSS'}
+                        attributeName={'opacity'}
+                        dur={'3s'}
+                        values={'0.8;0.8;0.8;0.8;0.3;0.3'}
+                        keyTimes={'0;0.2;0.4;0.6;0.8;1'}
+                        calcMode={'discrete'}
+                        repeatCount={'indefinite'}
                     />
                 </path>
             </svg>
-
         );
     }
 }

From d01c168418a6a07486765b8430d7869034dfad76 Mon Sep 17 00:00:00 2001
From: svetlagasheva <svetulka_24@mail.bg>
Date: Mon, 25 Mar 2019 16:10:01 +0200
Subject: [PATCH 4/4] viewBox syntax fixed

---
 src/common/Loader/Loader.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/common/Loader/Loader.js b/src/common/Loader/Loader.js
index ef54811ca..41dcb23cf 100644
--- a/src/common/Loader/Loader.js
+++ b/src/common/Loader/Loader.js
@@ -4,7 +4,7 @@ class Loader extends PureComponent {
     render() {
         const { fill, children, ...props } = this.props;
         return (
-            <svg {...props} viewBox="0 0 1024 1024">
+            <svg {...props} viewBox={'0 0 1024 1024'}>
                 <path d={'M512 0l-512 512 512 512 512-512zM411.106 752.941v-480.376l323.464 240.941z'} fill={fill} />
                 <path d={'M256,256 512,0 768,256 512,512Z'} fillOpacity={0.8}>
                     <animate