From 4459a10649db3b10325d10d3e92e0acde614c23a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Tue, 30 Oct 2018 22:40:30 +0100
Subject: [PATCH] add undo and redo icon

---
 examples/Components/Routes/Basic/index.vue | 28 +++++++++++-----------
 examples/assets/images/icons/redo.svg      |  1 +
 examples/assets/images/icons/undo.svg      |  1 +
 3 files changed, 16 insertions(+), 14 deletions(-)
 create mode 100644 examples/assets/images/icons/redo.svg
 create mode 100644 examples/assets/images/icons/undo.svg

diff --git a/examples/Components/Routes/Basic/index.vue b/examples/Components/Routes/Basic/index.vue
index 2fd5c8b1..2fe87d61 100644
--- a/examples/Components/Routes/Basic/index.vue
+++ b/examples/Components/Routes/Basic/index.vue
@@ -3,20 +3,6 @@
 		<menu-bar class="menubar" :editor="editor">
 			<template slot-scope="{ commands, isActive }">
 
-				<button
-					class="menubar__button"
-					@click="commands.undo"
-				>
-					⬅
-				</button>
-
-				<button
-					class="menubar__button"
-					@click="commands.redo"
-				>
-					➡
-				</button>
-
 				<button
 					class="menubar__button"
 					:class="{ 'is-active': isActive('bold') }"
@@ -121,6 +107,20 @@
 					<icon name="code" />
 				</button>
 
+				<button
+					class="menubar__button"
+					@click="commands.undo"
+				>
+					<icon name="undo" />
+				</button>
+
+				<button
+					class="menubar__button"
+					@click="commands.redo"
+				>
+					<icon name="redo" />
+				</button>
+
 			</template>
 		</menu-bar>
 
diff --git a/examples/assets/images/icons/redo.svg b/examples/assets/images/icons/redo.svg
new file mode 100644
index 00000000..93fd762c
--- /dev/null
+++ b/examples/assets/images/icons/redo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>redo</title><path d="M22.608.161a.5.5,0,0,0-.545.108L19.472,2.86a.25.25,0,0,1-.292.045A12.537,12.537,0,0,0,6.214,3.77,12.259,12.259,0,0,0,6.1,23.632a1.25,1.25,0,0,0,1.476-2.018A9.759,9.759,0,0,1,7.667,5.805a10,10,0,0,1,9.466-1.1.25.25,0,0,1,.084.409l-1.85,1.85a.5.5,0,0,0,.354.853h6.7a.5.5,0,0,0,.5-.5V.623A.5.5,0,0,0,22.608.161Z"/></svg>
\ No newline at end of file
diff --git a/examples/assets/images/icons/undo.svg b/examples/assets/images/icons/undo.svg
new file mode 100644
index 00000000..c834b4b1
--- /dev/null
+++ b/examples/assets/images/icons/undo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>undo</title><path d="M17.786,3.77A12.542,12.542,0,0,0,4.821,2.905a.249.249,0,0,1-.292-.045L1.937.269A.507.507,0,0,0,1.392.16a.5.5,0,0,0-.308.462v6.7a.5.5,0,0,0,.5.5h6.7a.5.5,0,0,0,.354-.854L6.783,5.115a.253.253,0,0,1-.068-.228.249.249,0,0,1,.152-.181,10,10,0,0,1,9.466,1.1,9.759,9.759,0,0,1,.094,15.809A1.25,1.25,0,0,0,17.9,23.631a12.122,12.122,0,0,0,5.013-9.961A12.125,12.125,0,0,0,17.786,3.77Z"/></svg>
\ No newline at end of file