From 0e8be70ae20cd8a74031ce60e0d57920cb0fd47b Mon Sep 17 00:00:00 2001
From: sualko <klaus@jsxc.org>
Date: Fri, 22 May 2020 13:16:19 +0200
Subject: [PATCH] style: change shortcut icon

---
 img/chain-plus.svg          | 75 +++++++++++++++++++++++++++++++++++++
 ts/Manager/App.scss         |  4 ++
 ts/Manager/RecordingRow.tsx |  2 +-
 ts/Manager/RoomRow.tsx      |  2 +-
 4 files changed, 81 insertions(+), 2 deletions(-)
 create mode 100644 img/chain-plus.svg

diff --git a/img/chain-plus.svg b/img/chain-plus.svg
new file mode 100644
index 0000000..53d9ab3
--- /dev/null
+++ b/img/chain-plus.svg
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Ebene_2"
+   x="0px"
+   y="0px"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   enable-background="new 0 0 32 32"
+   xml:space="preserve"
+   sodipodi:docname="chain-plus.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"><metadata
+   id="metadata16"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs14">
+	
+	
+	
+	
+</defs><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1327"
+   inkscape:window-height="986"
+   id="namedview12"
+   showgrid="false"
+   inkscape:zoom="7.375"
+   inkscape:cx="-10.440678"
+   inkscape:cy="22.536696"
+   inkscape:window-x="2079"
+   inkscape:window-y="754"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Ebene_2" />
+<path
+   inkscape:connector-curvature="0"
+   id="path4"
+   d="M 1.6106477,14.304691 C 0.37646569,13.696761 -0.23146473,12.202751 0.08110589,10.516091 0.21990279,9.7688085 2.4445395,7.3359764 3.3833617,6.8846089 3.9912922,6.6064599 5.9205691,6.5026398 5.9205691,6.7452568 c 0,0.2259613 -1.2863697,1.3729789 -1.6683388,1.494565 C 4.044035,8.3092203 3.3661509,8.882729 2.7226885,9.5434023 1.6806014,10.638787 1.5762261,10.812006 1.5762261,11.472679 c 0,0.938267 0.6256964,1.563964 1.5817295,1.563964 0.5907196,0 0.8166809,-0.138797 1.8770892,-1.147018 0.6773289,-0.625696 1.2680485,-1.30358 1.3380022,-1.511776 0.121586,-0.40029 1.2508376,-1.6855493 1.494565,-1.6855493 0.2087505,0 0.1743289,1.8071353 -0.034977,2.3623233 -0.243172,0.626807 -2.5027855,2.937498 -3.2156464,3.268389 -0.7467273,0.364759 -2.2762692,0.347548 -3.0063409,-0.01832 z"
+   style="stroke-width:0.55518758" /><path
+   inkscape:connector-curvature="0"
+   id="path6"
+   d="M 4.704153,9.9081605 C 4.5131685,9.717176 4.3566056,9.4734487 4.3566056,9.3524178 c 0,-0.1221413 1.0776191,-1.2863697 2.3984104,-2.607161 C 8.752581,4.7465814 9.2056141,4.3818232 9.5353955,4.4684324 10.022295,4.5900185 10.264357,5.0247304 10.091138,5.4760979 9.9173646,5.9102546 5.520834,10.255153 5.2598958,10.255153 5.1383097,10.255708 4.8951376,10.099145 4.704153,9.9081605 Z"
+   style="stroke-width:0.55518758" /><path
+   inkscape:connector-curvature="0"
+   id="path8"
+   d="m 8.7020589,7.8578527 c 0,-0.2437273 1.2852593,-1.3729789 1.6849941,-1.494565 0.208751,-0.069398 0.886635,-0.660118 1.512331,-1.3380021 1.007666,-1.0604083 1.147018,-1.2858145 1.147018,-1.8770893 0,-0.9554778 -0.625697,-1.5817294 -1.564519,-1.5817294 -0.660673,0 -0.833336,0.1043752 -1.9292767,1.1470175 C 8.8930435,3.3563917 8.3189795,4.0342757 8.249581,4.2430263 8.127995,4.6249953 6.9804222,5.9108098 6.755016,5.9108098 6.5112887,5.9108098 6.6156639,3.9820881 6.8938129,3.3908133 7.2241496,2.6785076 9.5353955,0.41889409 10.160537,0.17572192 10.872842,-0.08521625 12.315775,-0.03302862 12.993659,0.28009719 14.245052,0.8885828 14.853538,2.3831478 14.540412,4.0859082 14.40106,4.8331907 12.176423,7.2665779 11.238711,7.7185007 10.62967,7.9972048 8.7020589,8.1010249 8.7020589,7.8578527 Z"
+   style="stroke-width:0.55518758" />
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.80278206px;line-height:125%;font-family:AnjaliOldLipi;-inkscape-font-specification:AnjaliOldLipi;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.20026076px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="9.0422382"
+   y="17.006468"
+   id="text4560"><tspan
+     sodipodi:role="line"
+     id="tspan4558"
+     x="9.0422382"
+     y="17.006468"
+     style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Arimo;-inkscape-font-specification:'Arimo Bold';stroke-width:1.20026076px">+</tspan></text>
+</svg>
\ No newline at end of file
diff --git a/ts/Manager/App.scss b/ts/Manager/App.scss
index 3c6a7e6..78d5ea5 100644
--- a/ts/Manager/App.scss
+++ b/ts/Manager/App.scss
@@ -1,3 +1,7 @@
+.icon-add-shortcut {
+  background-image: url('../../img/chain-plus.svg');
+}
+
 #bbb-warning {
   padding: 1em;
   background-color: rgb(255, 255, 123);
diff --git a/ts/Manager/RecordingRow.tsx b/ts/Manager/RecordingRow.tsx
index e04ac68..160492a 100644
--- a/ts/Manager/RecordingRow.tsx
+++ b/ts/Manager/RecordingRow.tsx
@@ -20,7 +20,7 @@ const RecordingRow: React.FC<Props> = ({recording, deleteRecording, storeRecordi
 				<a href={recording.url} className="icon icon-external icon-visible" target="_blank" rel="noopener noreferrer"></a>
 			</td>
 			<td className="icon-col">
-				<a onClick={() => storeRecording(recording)} className="icon icon-download icon-visible"></a>
+				<a onClick={() => storeRecording(recording)} className="icon icon-add-shortcut icon-visible"></a>
 			</td>
 			<td>
 				{(new Date(recording.startTime)).toLocaleString()}
diff --git a/ts/Manager/RoomRow.tsx b/ts/Manager/RoomRow.tsx
index 1e50404..1806207 100644
--- a/ts/Manager/RoomRow.tsx
+++ b/ts/Manager/RoomRow.tsx
@@ -199,7 +199,7 @@ const RoomRow: React.FC<Props> = (props) => {
 					<a href={api.getUrl(`b/${room.uid}`)} className="icon icon-play icon-visible" target="_blank" rel="noopener noreferrer"></a>
 				</td>
 				<td className="store icon-col">
-					<a onClick={() => storeRoom()} className="icon icon-download icon-visible"></a>
+					<a onClick={() => storeRoom()} className="icon icon-add-shortcut icon-visible"></a>
 				</td>
 				<td className="name">
 					{edit('name')}