From 27dbf6b72f4bd449f1389c11c99ecc3ce9473ef6 Mon Sep 17 00:00:00 2001
From: Bubka <858858+Bubka@users.noreply.github.com>
Date: Thu, 22 Oct 2020 17:05:55 +0200
Subject: [PATCH] Add new Breadcrumb vue component

---
 resources/js/components/Breadcrumb.vue | 27 +++++++++++++++++++++++++
 resources/js/components/index.js       | 28 ++++++++++++++------------
 resources/js/packages/fontawesome.js   |  6 ++++--
 3 files changed, 46 insertions(+), 15 deletions(-)
 create mode 100644 resources/js/components/Breadcrumb.vue

diff --git a/resources/js/components/Breadcrumb.vue b/resources/js/components/Breadcrumb.vue
new file mode 100644
index 00000000..0ae76192
--- /dev/null
+++ b/resources/js/components/Breadcrumb.vue
@@ -0,0 +1,27 @@
+<template>
+    <div class="mb-5">
+        <router-link :to="{ name: 'accounts' }">
+            <font-awesome-icon :icon="['fas', 'chevron-left']" />
+            Back
+        </router-link>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'Breadcrumb',
+
+        props: {
+            routeName: {
+                type: String,
+                default: '/'
+            },
+
+            caption: {
+                type: String,
+                default: ''
+            },
+        }
+    }
+
+</script>
\ No newline at end of file
diff --git a/resources/js/components/index.js b/resources/js/components/index.js
index a1a8d618..7aedcdd4 100644
--- a/resources/js/components/index.js
+++ b/resources/js/components/index.js
@@ -1,15 +1,16 @@
-import Vue          from 'vue'
-import App          from './App'
-import Button       from './Button'
-import FieldError   from './FieldError'
-import FormWrapper  from './FormWrapper'
-import FormField    from './FormField'
-import FormSelect   from './FormSelect'
-import FormSwitch   from './FormSwitch'
-import FormCheckbox from './FormCheckbox'
-import FormButtons  from './FormButtons'
-import VueFooter    from './Footer'
-import Kicker       from './Kicker'
+import Vue              from 'vue'
+import App              from './App'
+import Button           from './Button'
+import FieldError       from './FieldError'
+import FormWrapper      from './FormWrapper'
+import FormField        from './FormField'
+import FormSelect       from './FormSelect'
+import FormSwitch       from './FormSwitch'
+import FormCheckbox     from './FormCheckbox'
+import FormButtons      from './FormButtons'
+import VueFooter        from './Footer'
+import Kicker           from './Kicker'
+import Breadcrumb       from './Breadcrumb'
 
 // Components that are registered globaly.
 [
@@ -23,7 +24,8 @@ import Kicker       from './Kicker'
     FormCheckbox,
     FormButtons,
     VueFooter,
-    Kicker
+    Kicker,
+    Breadcrumb
 ].forEach(Component => {
 	Vue.component(Component.name, Component)
 })
diff --git a/resources/js/packages/fontawesome.js b/resources/js/packages/fontawesome.js
index f0d92fc5..74a6e8cb 100644
--- a/resources/js/packages/fontawesome.js
+++ b/resources/js/packages/fontawesome.js
@@ -15,7 +15,8 @@ import {
     faSearch,
     faEllipsisH,
     faBars,
-    faSpinner
+    faSpinner,
+    faChevronLeft
 } from '@fortawesome/free-solid-svg-icons'
 
 import {
@@ -35,7 +36,8 @@ library.add(
     faEllipsisH,
     faBars,
     faSpinner,
-    faGithubAlt
+    faGithubAlt,
+    faChevronLeft
 );
 
 Vue.component('font-awesome-icon', FontAwesomeIcon)
\ No newline at end of file