From 52891ae6168d1717fc975c7fe4ec0b1bb3e1a761 Mon Sep 17 00:00:00 2001
From: Phil <phil@capshake.com>
Date: Tue, 20 Nov 2018 19:26:27 +0100
Subject: [PATCH] [FIX] high cpu usage ~ svg icon (#12677)

Closes https://github.com/RocketChat/Rocket.Chat.Electron/issues/740

Colleagues of mine found the issue why the CPU usage of rocket.chat is so high.
It's because of `animateTransform` inside `./packages/rocketchat-ui-master/public/icons.svg`.
I've removed it and replaced by a CSS animation.
---
 .../client/stylesheets/messageAttachments.css                   | 2 ++
 packages/rocketchat-ui-master/public/icons.svg                  | 2 +-
 .../rocketchat_theme/client/imports/components/message-box.css  | 2 ++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/rocketchat-message-attachments/client/stylesheets/messageAttachments.css b/packages/rocketchat-message-attachments/client/stylesheets/messageAttachments.css
index e4e39ed64cfc..b381f30b41fa 100644
--- a/packages/rocketchat-message-attachments/client/stylesheets/messageAttachments.css
+++ b/packages/rocketchat-message-attachments/client/stylesheets/messageAttachments.css
@@ -152,6 +152,8 @@ html.rtl .attachment {
 	& .attachment-pdf-loading {
 		display: none;
 
+		animation: spin 1s linear infinite;
+
 		font-size: 1.5rem;
 	}
 
diff --git a/packages/rocketchat-ui-master/public/icons.svg b/packages/rocketchat-ui-master/public/icons.svg
index dcd151205cc0..f777d9f87f12 100644
--- a/packages/rocketchat-ui-master/public/icons.svg
+++ b/packages/rocketchat-ui-master/public/icons.svg
@@ -453,7 +453,7 @@
         </g>
     </symbol>
     <symbol id="icon-loading" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-rolling">
-        <circle cx="50" cy="50" fill="none" stroke="currentColor" stroke-width="5" r="26" stroke-dasharray="122.52211349000194 42.840704496667314" transform="rotate(150 50 50)"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animateTransform></circle>
+        <circle cx="50" cy="50" fill="none" stroke="currentColor" stroke-width="5" r="26" stroke-dasharray="122.52211349000194 42.840704496667314" transform="rotate(150 50 50)"></circle>
     </symbol>
     <symbol id="icon-sort-down" viewBox="0 0 16 16"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path stroke="#CBCED1" d="M10.657 6L8 3.343 5.343 6"/><path stroke="#9EA2A8" d="M10.657 10L8 12.657 5.343 10"/></g></symbol>
     <symbol id="icon-sort-up" viewBox="0 0 16 16"><g stroke-width="1.5" fill="none" fill-rule="evenodd"><path stroke="#CBCED1" d="M10.657 10L8 12.657 5.343 10"/><path stroke="#9EA2A8" d="M10.657 6L8 3.343 5.343 6"/></g></symbol>
diff --git a/packages/rocketchat_theme/client/imports/components/message-box.css b/packages/rocketchat_theme/client/imports/components/message-box.css
index 94001310b01f..b87559f2fc1d 100644
--- a/packages/rocketchat_theme/client/imports/components/message-box.css
+++ b/packages/rocketchat_theme/client/imports/components/message-box.css
@@ -168,6 +168,8 @@
 
 			cursor: pointer;
 
+			animation: spin 1s linear infinite;
+
 			&.active {
 				display: flex;
 			}