fix: remove breadcrumbs from pages where UX is awkward

clrfund · Jan 10, 2022 · e76e615 · e76e615
1 parent 343f064
commit e76e615
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/vue-app/src/App.vue b/vue-app/src/App.vue
@@ -184,7 +184,14 @@ export default class App extends Vue {
   }
 
   get showBreadCrumb(): boolean {
-    const excludedRoutes = ['landing', 'join', 'transaction-success', 'verify']
+    const excludedRoutes = [
+      'landing',
+      'join',
+      'transaction-success',
+      'verify',
+      'project-added',
+      'verified',
+    ]
     return !excludedRoutes.includes(this.$route.name || '')
   }
 

diff --git a/vue-app/src/views/TransactionSuccess.vue b/vue-app/src/views/TransactionSuccess.vue
@@ -7,7 +7,6 @@
     </div>
     <div class="dropshadow">
       <div class="content">
-        <breadcrumbs :path="path" />
         <span class="contributed-icon">🎉</span>
         <p
           v-if="$route.params.type === 'reallocation'"
@@ -75,13 +74,12 @@ import { RoundInfo } from '@/api/round'
 import TransactionReceipt from '@/components/TransactionReceipt.vue'
 import TimeLeft from '@/components/TimeLeft.vue'
 import ImageResponsive from '@/components/ImageResponsive.vue'
-import Breadcrumbs from '@/components/Breadcrumbs.vue'
 
 // Utils
 import { formatAmount } from '@/utils/amounts'
 
 @Component({
-  components: { TransactionReceipt, TimeLeft, ImageResponsive, Breadcrumbs },
+  components: { TransactionReceipt, TimeLeft, ImageResponsive },
 })
 export default class TransactionSuccess extends Vue {
   get contribution(): BigNumber | null {
@@ -92,10 +90,6 @@ export default class TransactionSuccess extends Vue {
     return this.$store.state.currentRound
   }
 
-  get path(): string {
-    return this.$route.path
-  }
-
   formatContribution() {
     return this.contribution ? formatAmount(this.contribution, 18) : ''
   }