Merge pull request #314 from Police-Data-Accessibility-Project/result…

…s-messaging shuffle results messaging
Police-Data-Accessibility-Project · May 30, 2024 · 95c610d · 95c610d
2 parents c645d02 + fb049c5
commit 95c610d
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 25 deletions.
diff --git a/client/src/pages/SearchResultPage.vue b/client/src/pages/SearchResultPage.vue
@@ -23,23 +23,22 @@
 			No results found.
 		</p>
 
-		<div v-else>
-			<p class="text-xl max-w-full">
-				If you don't see what you need,
-				<a
-					href="https://airtable.com/shrbFfWk6fjzGnNsk"
-					data-test="search-results-request-link"
-				>
-					make a request&nbsp;<i class="fa fa-external-link" />
-				</a>
-			</p>
-			<p class="text-xl max-w-full">
-				To see these results in a table,
-				<a href="https://airtable.com/shrUAtA8qYasEaepI">
-					view the full database&nbsp;<i class="fa fa-external-link" />
-				</a>
-			</p>
-		</div>
+		<p v-else class="text-xl max-w-full">
+			To see this data in table form,
+			<a href="https://airtable.com/shrUAtA8qYasEaepI">
+				view the full database&nbsp;<i class="fa fa-external-link" />
+			</a>
+		</p>
+
+		<p class="text-xl max-w-full">
+			If you don't see what you need,
+			<a
+				href="https://airtable.com/shrbFfWk6fjzGnNsk"
+				data-test="search-results-request-link"
+			>
+				make a request&nbsp;<i class="fa fa-external-link" />
+			</a>
+		</p>
 
 		<div data-test="search-results">
 			<section

diff --git a/client/src/pages/__tests__/__snapshots__/searchResultPage.test.js.snap b/client/src/pages/__tests__/__snapshots__/searchResultPage.test.js.snap
@@ -10,14 +10,12 @@ exports[`SearchResultPage renders with data > Calls API and renders search resul
       <i class="fa fa-plus"></i> New search
     </button>
   </div>
-  <div>
-    <p class="text-xl max-w-full"> If you don't see what you need, <a href="https://airtable.com/shrbFfWk6fjzGnNsk"> make a request <i class="fa fa-external-link"></i>
-      </a>
-    </p>
-    <p class="text-xl max-w-full"> To see these results in a table, <a href="https://airtable.com/shrUAtA8qYasEaepI"> view the full database <i class="fa fa-external-link"></i>
-      </a>
-    </p>
-  </div>
+  <p class="text-xl max-w-full"> To see this data in table form, <a href="https://airtable.com/shrUAtA8qYasEaepI"> view the full database <i class="fa fa-external-link"></i>
+    </a>
+  </p>
+  <p class="text-xl max-w-full"> If you don't see what you need, <a href="https://airtable.com/shrbFfWk6fjzGnNsk"> make a request <i class="fa fa-external-link"></i>
+    </a>
+  </p>
   <div>
     <section class="mt-8 p-0 w-full">
       <h2 class="section-subheading w-full">Police & public interactions</h2>