fix: update statement page title (#632)

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>

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>