From daf692537c2a4494f085cee1a5780ac952c6b484 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 21 Jun 2024 19:52:35 -0600
Subject: [PATCH] improve messaging when user has no offers or projects

---
 src/views/DiscoverView.vue |  2 +-
 src/views/ProjectsView.vue | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/views/DiscoverView.vue b/src/views/DiscoverView.vue
index de94c88..50f6e74 100644
--- a/src/views/DiscoverView.vue
+++ b/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
diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue
index 659445c..4d53979 100644
--- a/src/views/ProjectsView.vue
+++ b/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"