From 94d8f429d39226594bc96ef4c4fae597122b1041 Mon Sep 17 00:00:00 2001
From: Wan <495709+wa0x6e@users.noreply.github.com>
Date: Wed, 14 Aug 2024 23:43:54 +0900
Subject: [PATCH] fix: update statement page title (#632)

---
 apps/ui/src/views/SpaceUser.vue           | 5 -----
 apps/ui/src/views/SpaceUser/Statement.vue | 9 +++++++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/ui/src/views/SpaceUser.vue b/apps/ui/src/views/SpaceUser.vue
index bc3bb61b9..940beca22 100644
--- a/apps/ui/src/views/SpaceUser.vue
+++ b/apps/ui/src/views/SpaceUser.vue
@@ -18,7 +18,6 @@ const usersStore = useUsersStore();
 const spacesStore = useSpacesStore();
 const { param } = useRouteParser('id');
 const { resolved, address, networkId } = useResolve(param);
-const { setTitle } = useTitle();
 const { getCurrent } = useMetaStore();
 
 const userActivity = ref<UserActivity>({
@@ -170,10 +169,6 @@ watch(
     spacesStore.networksMap[networkId].spaces[address];
   }
 );
-
-watchEffect(() =>
-  setTitle(`${user.value?.name || userId.value} ${props.space.name}'s profile`)
-);
 </script>
 
 <template>
diff --git a/apps/ui/src/views/SpaceUser/Statement.vue b/apps/ui/src/views/SpaceUser/Statement.vue
index 030866f34..12fe60e89 100644
--- a/apps/ui/src/views/SpaceUser/Statement.vue
+++ b/apps/ui/src/views/SpaceUser/Statement.vue
@@ -1,15 +1,16 @@
 <script setup lang="ts">
 import { enabledNetworks, getNetwork, offchainNetworks } from '@/networks';
-import { Space, Statement } from '@/types';
+import { Space, Statement, User } from '@/types';
 
 const offchainNetworkId = offchainNetworks.filter(network =>
   enabledNetworks.includes(network)
 )[0];
 const offchainNetwork = getNetwork(offchainNetworkId);
 
-const props = defineProps<{ space: Space }>();
+const props = defineProps<{ user: User; space: Space }>();
 
 const route = useRoute();
+const { setTitle } = useTitle();
 const { web3 } = useWeb3();
 
 const isEditMode = ref(false);
@@ -40,6 +41,10 @@ async function loadStatement() {
 }
 
 watch(userId, loadStatement, { immediate: true });
+
+watchEffect(() =>
+  setTitle(`${props.user.name || userId.value} ${props.space.name}'s profile`)
+);
 </script>
 
 <template>