From eaf6c2629353ac00edb74bfbcb75b9d4281e66d6 Mon Sep 17 00:00:00 2001
From: Billy <cole.billys@gmail.com>
Date: Tue, 18 Jun 2019 11:34:40 -0700
Subject: [PATCH 1/2] add new reset icon

---
 src/components/Sidebar.js        | 2 +-
 src/components/SidebarButton.css | 2 +-
 src/components/SidebarButton.js  | 6 +++---
 src/components/icons/trash.svg   | 1 +
 4 files changed, 6 insertions(+), 5 deletions(-)
 create mode 100644 src/components/icons/trash.svg

diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
index a686b08..440042c 100644
--- a/src/components/Sidebar.js
+++ b/src/components/Sidebar.js
@@ -73,7 +73,7 @@ class Sidebar extends Component {
           onClick={this.handleToggleSettings}
         />
 
-        {!!numFrames && <SidebarButton icon="reset" onClick={reset} />}
+        {!!numFrames && <SidebarButton icon="trash" onClick={reset} />}
 
         {!!gifData.length && (
           <SidebarButtonWithBadge
diff --git a/src/components/SidebarButton.css b/src/components/SidebarButton.css
index 9285f45..fc94cbf 100644
--- a/src/components/SidebarButton.css
+++ b/src/components/SidebarButton.css
@@ -31,7 +31,7 @@
   width: 40px;
   height: 40px;
   margin-left: -8px;
-  margin-top: -3px;
+  margin-top: -2px;
 }
 
 .SidebarButton-badge {
diff --git a/src/components/SidebarButton.js b/src/components/SidebarButton.js
index 45bd28e..5e2b64e 100644
--- a/src/components/SidebarButton.js
+++ b/src/components/SidebarButton.js
@@ -2,19 +2,19 @@ import React from 'react';
 import classNames from 'classnames';
 import camera from './icons/camera.svg';
 import preview from './icons/preview.svg';
-import reset from './icons/reset.svg';
 import download from './icons/download.svg';
 import burst from './icons/burst.svg';
 import settings from './icons/settings.svg';
+import trash from './icons/trash.svg';
 import './SidebarButton.css';
 
 const iconMap = {
   camera,
   preview,
-  reset,
   download,
   burst,
-  settings
+  settings,
+  trash
 };
 
 const ariaMap = {
diff --git a/src/components/icons/trash.svg b/src/components/icons/trash.svg
new file mode 100644
index 0000000..246c9db
--- /dev/null
+++ b/src/components/icons/trash.svg
@@ -0,0 +1 @@
+<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#fff;}</style></defs><g><rect fill="none" id="canvas_background" height="102" width="102" y="-1" x="-1"/></g><g><path stroke="null" id="svg_1" d="m26.391045,36.507036a1.872835,1.605924 0 0 0 -1.747979,1.68622l0,37.632159a8.45897,7.253425 0 0 0 7.89712,7.788733l34.897153,0a8.490184,7.28019 0 0 0 7.928333,-7.654906l0,-37.846282a1.779193,1.525628 0 1 0 -3.527172,0l0,37.712455a4.713301,4.041576 0 0 1 -4.401161,4.255699l-34.897153,0a4.713301,4.041576 0 0 1 -4.401161,-4.255699l0,-37.712455a1.872835,1.605924 0 0 0 -1.747979,-1.605924z" class="cls-1"/><path stroke="null" id="svg_2" d="m16.348241,29.56947a1.87301,1.686135 0 0 0 1.716926,1.770442l63.869656,0a1.87301,1.686135 0 0 0 1.716926,-1.770442a1.87301,1.686135 0 0 0 -1.716926,-1.798545l-17.9809,0l0,-6.96936a4.682526,4.215339 0 0 0 -4.307924,-4.468259l-19.292008,0a4.682526,4.215339 0 0 0 -4.307924,4.468259l0,6.96936l-17.9809,0a1.87301,1.686135 0 0 0 -1.716926,1.798545zm23.162896,-8.767905a0.936505,0.843068 0 0 1 0.842855,-0.899272l19.292008,0a0.936505,0.843068 0 0 1 0.842855,0.899272l0,6.96936l-20.977717,0l0,-6.96936z" class="cls-1"/><path stroke="null" id="svg_4" d="m60.179546,71.622651l0,-27.578726a1.736652,1.770256 0 1 0 -3.442837,0l0,27.578726a1.736652,1.770256 0 1 0 3.442837,0z" class="cls-1"/><path stroke="null" id="svg_5" d="m43.322957,71.456006l0,-27.578761a1.73666,1.770258 0 1 0 -3.442853,0l0,27.578761a1.73666,1.770258 0 1 0 3.442853,0z" class="cls-1"/></g></svg>
\ No newline at end of file

From 5a5c32d18756578667939219de097fea52fb3e32 Mon Sep 17 00:00:00 2001
From: Billy <cole.billys@gmail.com>
Date: Tue, 18 Jun 2019 19:24:27 -0700
Subject: [PATCH 2/2] change icon name

---
 src/components/Sidebar.js       | 2 +-
 src/components/SidebarButton.js | 4 ++--
 src/components/icons/reset.svg  | 2 +-
 src/components/icons/trash.svg  | 1 -
 4 files changed, 4 insertions(+), 5 deletions(-)
 delete mode 100644 src/components/icons/trash.svg

diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
index 440042c..a686b08 100644
--- a/src/components/Sidebar.js
+++ b/src/components/Sidebar.js
@@ -73,7 +73,7 @@ class Sidebar extends Component {
           onClick={this.handleToggleSettings}
         />
 
-        {!!numFrames && <SidebarButton icon="trash" onClick={reset} />}
+        {!!numFrames && <SidebarButton icon="reset" onClick={reset} />}
 
         {!!gifData.length && (
           <SidebarButtonWithBadge
diff --git a/src/components/SidebarButton.js b/src/components/SidebarButton.js
index 5e2b64e..07fe5b9 100644
--- a/src/components/SidebarButton.js
+++ b/src/components/SidebarButton.js
@@ -5,7 +5,7 @@ import preview from './icons/preview.svg';
 import download from './icons/download.svg';
 import burst from './icons/burst.svg';
 import settings from './icons/settings.svg';
-import trash from './icons/trash.svg';
+import reset from './icons/reset.svg';
 import './SidebarButton.css';
 
 const iconMap = {
@@ -14,7 +14,7 @@ const iconMap = {
   download,
   burst,
   settings,
-  trash
+  reset
 };
 
 const ariaMap = {
diff --git a/src/components/icons/reset.svg b/src/components/icons/reset.svg
index adedfa8..246c9db 100644
--- a/src/components/icons/reset.svg
+++ b/src/components/icons/reset.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path fill="#ffffff" d="M70.357,34.12c-0.684-0.684-1.791-0.684-2.475,0c-0.684,0.683-0.684,1.792,0,2.475  c9.856,9.857,9.856,25.895,0,35.751c-9.858,9.855-25.895,9.855-35.751,0c-4.775-4.774-7.404-11.123-7.404-17.876  c0-6.752,2.629-13.101,7.404-17.875c5.882-5.882,14.189-8.436,22.261-7.014l-7.877,7.877c-0.684,0.683-0.684,1.792,0,2.475  c0.342,0.342,0.79,0.513,1.237,0.513s0.896-0.171,1.237-0.513l10.098-10.097c-0.003-0.003-0.004-0.004-0.007-0.007  c0.198-0.197,0.357-0.438,0.444-0.724c0.193-0.639-0.002-1.297-0.443-1.738c0.002-0.002,0.004-0.004,0.005-0.005L48.989,17.263  c-0.684-0.684-1.791-0.684-2.475,0c-0.684,0.683-0.684,1.792,0,2.475l6.064,6.064c-8.402-0.756-16.811,2.209-22.922,8.319  c-5.436,5.436-8.43,12.663-8.43,20.35c0,7.688,2.994,14.915,8.43,20.351c5.436,5.436,12.663,8.43,20.351,8.43  c7.687,0,14.915-2.994,20.35-8.43C81.578,63.6,81.578,45.341,70.357,34.12z"/></svg>
+<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#fff;}</style></defs><g><rect fill="none" id="canvas_background" height="102" width="102" y="-1" x="-1"/></g><g><path stroke="null" id="svg_1" d="m26.391045,36.507036a1.872835,1.605924 0 0 0 -1.747979,1.68622l0,37.632159a8.45897,7.253425 0 0 0 7.89712,7.788733l34.897153,0a8.490184,7.28019 0 0 0 7.928333,-7.654906l0,-37.846282a1.779193,1.525628 0 1 0 -3.527172,0l0,37.712455a4.713301,4.041576 0 0 1 -4.401161,4.255699l-34.897153,0a4.713301,4.041576 0 0 1 -4.401161,-4.255699l0,-37.712455a1.872835,1.605924 0 0 0 -1.747979,-1.605924z" class="cls-1"/><path stroke="null" id="svg_2" d="m16.348241,29.56947a1.87301,1.686135 0 0 0 1.716926,1.770442l63.869656,0a1.87301,1.686135 0 0 0 1.716926,-1.770442a1.87301,1.686135 0 0 0 -1.716926,-1.798545l-17.9809,0l0,-6.96936a4.682526,4.215339 0 0 0 -4.307924,-4.468259l-19.292008,0a4.682526,4.215339 0 0 0 -4.307924,4.468259l0,6.96936l-17.9809,0a1.87301,1.686135 0 0 0 -1.716926,1.798545zm23.162896,-8.767905a0.936505,0.843068 0 0 1 0.842855,-0.899272l19.292008,0a0.936505,0.843068 0 0 1 0.842855,0.899272l0,6.96936l-20.977717,0l0,-6.96936z" class="cls-1"/><path stroke="null" id="svg_4" d="m60.179546,71.622651l0,-27.578726a1.736652,1.770256 0 1 0 -3.442837,0l0,27.578726a1.736652,1.770256 0 1 0 3.442837,0z" class="cls-1"/><path stroke="null" id="svg_5" d="m43.322957,71.456006l0,-27.578761a1.73666,1.770258 0 1 0 -3.442853,0l0,27.578761a1.73666,1.770258 0 1 0 3.442853,0z" class="cls-1"/></g></svg>
\ No newline at end of file
diff --git a/src/components/icons/trash.svg b/src/components/icons/trash.svg
deleted file mode 100644
index 246c9db..0000000
--- a/src/components/icons/trash.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#fff;}</style></defs><g><rect fill="none" id="canvas_background" height="102" width="102" y="-1" x="-1"/></g><g><path stroke="null" id="svg_1" d="m26.391045,36.507036a1.872835,1.605924 0 0 0 -1.747979,1.68622l0,37.632159a8.45897,7.253425 0 0 0 7.89712,7.788733l34.897153,0a8.490184,7.28019 0 0 0 7.928333,-7.654906l0,-37.846282a1.779193,1.525628 0 1 0 -3.527172,0l0,37.712455a4.713301,4.041576 0 0 1 -4.401161,4.255699l-34.897153,0a4.713301,4.041576 0 0 1 -4.401161,-4.255699l0,-37.712455a1.872835,1.605924 0 0 0 -1.747979,-1.605924z" class="cls-1"/><path stroke="null" id="svg_2" d="m16.348241,29.56947a1.87301,1.686135 0 0 0 1.716926,1.770442l63.869656,0a1.87301,1.686135 0 0 0 1.716926,-1.770442a1.87301,1.686135 0 0 0 -1.716926,-1.798545l-17.9809,0l0,-6.96936a4.682526,4.215339 0 0 0 -4.307924,-4.468259l-19.292008,0a4.682526,4.215339 0 0 0 -4.307924,4.468259l0,6.96936l-17.9809,0a1.87301,1.686135 0 0 0 -1.716926,1.798545zm23.162896,-8.767905a0.936505,0.843068 0 0 1 0.842855,-0.899272l19.292008,0a0.936505,0.843068 0 0 1 0.842855,0.899272l0,6.96936l-20.977717,0l0,-6.96936z" class="cls-1"/><path stroke="null" id="svg_4" d="m60.179546,71.622651l0,-27.578726a1.736652,1.770256 0 1 0 -3.442837,0l0,27.578726a1.736652,1.770256 0 1 0 3.442837,0z" class="cls-1"/><path stroke="null" id="svg_5" d="m43.322957,71.456006l0,-27.578761a1.73666,1.770258 0 1 0 -3.442853,0l0,27.578761a1.73666,1.770258 0 1 0 3.442853,0z" class="cls-1"/></g></svg>
\ No newline at end of file