diff --git a/js/src/components/Home/SearchFields.vue b/js/src/components/Home/SearchFields.vue
index 8c7af1b68..9c540f2e8 100644
--- a/js/src/components/Home/SearchFields.vue
+++ b/js/src/components/Home/SearchFields.vue
@@ -1,7 +1,7 @@
diff --git a/js/src/components/NavBar.vue b/js/src/components/NavBar.vue
index bd0bff4cf..3b09a704a 100644
--- a/js/src/components/NavBar.vue
+++ b/js/src/components/NavBar.vue
@@ -13,6 +13,7 @@
>
+
@@ -164,34 +165,40 @@
- -
+
+
+
+
-
{{ t("My events") }}
- -
+
-
{{ t("My groups") }}
- -
+
-
{{ t("Login") }}
- -
+
-
{{ t("Register") }}
+
+
+
@@ -218,6 +225,7 @@ import { UPDATE_DEFAULT_ACTOR } from "@/graphql/actor";
import { changeIdentity } from "@/utils/identity";
import { useRegistrationConfig } from "@/composition/apollo/config";
import { useProgrammatic } from "@oruga-ui/oruga-next";
+import SearchFields from "@/components/Home/SearchFields.vue";
const { currentUser } = useCurrentUserClient();
const { currentActor } = useCurrentActorClient();
@@ -239,6 +247,9 @@ const canRegister = computed(() => {
const { t } = useI18n({ useScope: "global" });
+const location = ref(null);
+const search = ref("");
+
watch(identities, () => {
// If we don't have any identities, the user has validated their account,
// is logging for the first time but didn't create an identity somehow
diff --git a/js/src/views/HomeView.vue b/js/src/views/HomeView.vue
index d1c3192de..8015d8216 100644
--- a/js/src/views/HomeView.vue
+++ b/js/src/views/HomeView.vue
@@ -26,7 +26,6 @@
-