From 540d6c426403539986841a70abe4895650662e0c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Mon, 14 Oct 2019 21:33:26 +0100
Subject: [PATCH] chore(ui): fade grid placeholder on first render

---
 ui/src/Components/Grid/EmptyGrid/index.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/src/Components/Grid/EmptyGrid/index.js b/ui/src/Components/Grid/EmptyGrid/index.js
index beeadd886..f73bfbd9e 100644
--- a/ui/src/Components/Grid/EmptyGrid/index.js
+++ b/ui/src/Components/Grid/EmptyGrid/index.js
@@ -3,11 +3,15 @@ import React from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faMugHot } from "@fortawesome/free-solid-svg-icons/faMugHot";
 
+import { MountFade } from "Components/Animations/MountFade";
+
 import "./index.scss";
 
 const EmptyGrid = () => (
   <h1 className="display-1 text-secondary screen-center">
-    <FontAwesomeIcon icon={faMugHot} style={{ fontSize: "14rem" }} />
+    <MountFade in={true}>
+      <FontAwesomeIcon icon={faMugHot} style={{ fontSize: "14rem" }} />
+    </MountFade>
   </h1>
 );