Fix: added back search area preview

src/views/AccountViewView.vue

@@ -144,9 +144,7 @@
     <PushNotificationPermission ref="pushNotificationPermission" />
 
     <LocationSearchSection
-      :is-registered="isRegistered"
-      :search-area-label="searchAreaLabel"
-      @set-search-area="onSetSearchArea"
+      :search-box="searchBox"
     />
 
     <!-- User Profile -->
@@ -781,7 +779,10 @@ import {
   NotificationIface,
 } from "../constants/app";
 import { Contact } from "../db/tables/contacts";
-import { DEFAULT_PASSKEY_EXPIRATION_MINUTES } from "../db/tables/settings";
+import {
+  DEFAULT_PASSKEY_EXPIRATION_MINUTES,
+  BoundingBox,
+} from "../db/tables/settings";
 import { EndorserRateLimits, ImageRateLimits } from "../interfaces";
 
 import {
@@ -856,6 +857,7 @@ export default class AccountViewView extends Vue {
   hideRegisterPromptOnNewContact: boolean = false;
   isRegistered: boolean = false;
   isSearchAreasSet: boolean = false;
+  searchBox: { name: string; bbox: BoundingBox } | null = null;
   partnerApiServer: string = DEFAULT_PARTNER_API_SERVER;
   partnerApiServerInput: string = DEFAULT_PARTNER_API_SERVER;
   passkeyExpirationDescription: string = "";
@@ -1015,6 +1017,7 @@ export default class AccountViewView extends Vue {
       !!settings.hideRegisterPromptOnNewContact;
     this.isRegistered = !!settings?.isRegistered;
     this.isSearchAreasSet = !!settings.searchBoxes;
+    this.searchBox = settings.searchBoxes?.[0] || null;
     this.notifyingNewActivity = !!settings.notifyingNewActivityTime;
     this.notifyingNewActivityTime = settings.notifyingNewActivityTime || "";
     this.notifyingReminder = !!settings.notifyingReminderTime;
@@ -1663,22 +1666,6 @@ export default class AccountViewView extends Vue {
     this.notify.info("Share dialog not yet implemented.");
   }
 
-  get searchAreaLabel(): string {
-    // Return a string representing the current search area, or blank if not set
-    // Example: return this.searchAreaName || '';
-    return this.isSearchAreasSet ? "Custom Area Set" : "";
-  }
-
-  onSetSearchArea() {
-    // Call the existing logic for setting the search area, e.g., open the dialog
-    this.openSearchAreaDialog();
-  }
-
-  openSearchAreaDialog() {
-    // TODO: Implement search area dialog logic
-    this.notify.info("Search area dialog not yet implemented.");
-  }
-
   onRecheckLimits() {
     this.checkLimits();
   }