From 105aaf54c66c4da3a12d103b44b83be4812e97f0 Mon Sep 17 00:00:00 2001
From: linearcombination <4829djaskdfj@gmail.com>
Date: Wed, 3 Jan 2024 14:40:24 -0800
Subject: [PATCH] Update Breadcrumb back button on first page, next button on
 last page

Show that no further steps back or forward are possible in the context by request of UX team
---
 frontend/src/components/WizardBreadcrumb.svelte | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/WizardBreadcrumb.svelte b/frontend/src/components/WizardBreadcrumb.svelte
index d5a042cf..99945970 100644
--- a/frontend/src/components/WizardBreadcrumb.svelte
+++ b/frontend/src/components/WizardBreadcrumb.svelte
@@ -3,7 +3,10 @@
   import { push } from 'svelte-spa-router'
   import { langCodesStore, langCountStore } from '../stores/LanguagesStore'
   import { bookCountStore } from '../stores/BooksStore'
-  import { resourceTypesStore, resourceTypesCountStore } from '../stores/ResourceTypesStore'
+  import {
+    resourceTypesStore,
+    resourceTypesCountStore
+  } from '../stores/ResourceTypesStore'
   import {
     getResourceTypeLangCode,
     resetStores,
@@ -120,7 +123,10 @@
         <BackButton url="/resource_types" />
       {:else}
         <button
-          class="flex items-center bg-white border border-[#E5E8EB] text-[#33445c] hover:bg-[#efefef] py-2 px-4 rounded-md"
+          class="flex items-center bg-white border border-[#E5E8EB]
+                 text-[#33445c] py-2 px-4
+                 rounded-md cursor-not-allowed"
+          disabled
         >
           <svg
             width="24"
@@ -145,7 +151,9 @@
         <NextButton func={submitResourceTypes} />
       {:else}
         <button
-          class="flex items-center bg-white border border-[#E5E8EB] text-[#33445c] hover:bg-[#efefef] py-2 px-4 rounded-md ml-2"
+          class="flex items-center bg-white border border-[#E5E8EB]
+                 text-[#33445c] py-2 px-4 rounded-md ml-2 cursor-not-allowed"
+          disabled
         >
           <span class="hidden sm:inline">Next</span>
           <svg