Browse Source

improve messaging when user has no offers or projects

kb/add-usage-guide
Trent Larson 3 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 v-if="isLocalActive">
<div> <div>
<button <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' })" @click="$router.push({ name: 'search-area' })"
> >
Select a {{ searchBox ? "Different" : "" }} Location for Nearby Search Select a {{ searchBox ? "Different" : "" }} Location for Nearby Search

16
src/views/ProjectsView.vue

@ -63,7 +63,7 @@
<!-- New Project --> <!-- New Project -->
<button <button
v-if="isRegistered && showProjects" 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()" @click="onClickNewProject()"
> >
<fa icon="plus" class="fa-fw"></fa> <fa icon="plus" class="fa-fw"></fa>
@ -79,6 +79,13 @@
<!-- Offer Results List --> <!-- Offer Results List -->
<InfiniteScroll v-if="showOffers" @reached-bottom="loadMoreOfferData"> <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"> <ul class="border-t border-slate-300">
<li <li
class="border-b border-slate-300" class="border-b border-slate-300"
@ -177,8 +184,15 @@
</li> </li>
</ul> </ul>
</InfiniteScroll> </InfiniteScroll>
<!-- Project Results List --> <!-- Project Results List -->
<InfiniteScroll v-if="showProjects" @reached-bottom="loadMoreProjectData"> <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"> <ul class="border-t border-slate-300">
<li <li
class="border-b border-slate-300" class="border-b border-slate-300"

Loading…
Cancel
Save