Browse Source

improve messaging when user has no offers or projects

Trent Larson 5 months ago
parent
commit
daf692537c
  1. 2
      src/views/DiscoverView.vue
  2. 16
      src/views/ProjectsView.vue

2
src/views/DiscoverView.vue

@ -74,7 +74,7 @@
<div v-if="isLocalActive">
<div>
<button
class="ml-2 px-4 py-2 rounded-md bg-blue-200 text-blue-500"
class="ml-2 mt-2 px-4 py-2 rounded-md bg-blue-200 text-blue-500"
@click="$router.push({ name: 'search-area' })"
>
Select a {{ searchBox ? "Different" : "" }} Location for Nearby Search

16
src/views/ProjectsView.vue

@ -63,7 +63,7 @@
<!-- New Project -->
<button
v-if="isRegistered && showProjects"
class="fixed right-6 bottom-24 text-center text-4xl leading-none bg-blue-600 text-white w-14 py-2.5 rounded-full"
class="fixed right-6 top-24 text-center text-4xl leading-none bg-blue-600 text-white w-14 py-2.5 rounded-full"
@click="onClickNewProject()"
>
<fa icon="plus" class="fa-fw"></fa>
@ -79,6 +79,13 @@
<!-- Offer Results List -->
<InfiniteScroll v-if="showOffers" @reached-bottom="loadMoreOfferData">
<div v-if="offers.length === 0" class="text-center py-4">
You have not offered anything.
<br />
<router-link to="/discover" class="text-blue-600">
Look for projects worth some of your time.
</router-link>
</div>
<ul class="border-t border-slate-300">
<li
class="border-b border-slate-300"
@ -177,8 +184,15 @@
</li>
</ul>
</InfiniteScroll>
<!-- Project Results List -->
<InfiniteScroll v-if="showProjects" @reached-bottom="loadMoreProjectData">
<div v-if="projects.length === 0" class="text-center py-4">
You have not announced any projects.
<br />
Try the big
<fa icon="plus" class="bg-blue-600 text-white px-1 py-1 rounded-full" /> button.
</div>
<ul class="border-t border-slate-300">
<li
class="border-b border-slate-300"

Loading…
Cancel
Save