fix: space inside task is clickable

core/screens/spaces/tasks/TaskDetails.tsx

@@ -18,15 +18,7 @@ export type TaskDetailsParams = {
 }
 
 const TaskDetailsContainer = () => {
-  const {
-    data: { loading, title, coverImage, infoList, visibility, description, chips, author },
-    isOwner,
-    spaceName,
-    id,
-    refetch,
-    spaceId,
-    spaceTitle,
-  } = useTaskDetailsData()
+  const { data, isOwner, spaceName, id, refetch, spaceId, spaceTitle } = useTaskDetailsData()
   const displayCta = useFeatureFlag(FeatureFlagKey.TASK_CONTACT_CTA)
 
   const renderActionDrawer = useCallback(
@@ -67,7 +59,7 @@ const TaskDetailsContainer = () => {
           {displayCta && (
             <ContactOrganization
               spaceIdOrName={spaceName}
-              taskName={title}
+              taskName={data?.title}
               taskId={id}
               spaceTitle={spaceTitle}
               spaceId={spaceId}
@@ -76,16 +68,7 @@ const TaskDetailsContainer = () => {
         </Stack>
       }
     >
-      <DetailsScreen
-        loading={loading}
-        coverImage={coverImage}
-        title={title}
-        infoList={infoList}
-        visibility={visibility}
-        description={description}
-        author={author}
-        chips={chips}
-      />
+      <DetailsScreen {...data} />
     </Screen>
   )
 }

core/screens/spaces/tasks/useTaskDetailsData/useTaskDetailsData.ts

@@ -31,7 +31,7 @@ const { useParam, useUUIDParam } = createParamHooks<TaskDetailsParams>()
 export const useTaskDetailsData = (): UseTaskDetailsData => {
   const [spaceIdOrName] = useParam('spaceIdOrName')
   const { displayError } = useErrorHandling()
-  const { replaceRoute } = useRouting()
+  const { replaceRoute, navigate } = useRouting()
   const { t, i18n } = useTranslation()
   const [taskId] = useUUIDParam('taskId')
   const loginState = useLoggedInUser()
@@ -127,6 +127,7 @@ export const useTaskDetailsData = (): UseTaskDetailsData => {
         topTitle: `${formattedDate} ∙ ${t('postedOnHoli')}`,
         title: data?.taskById?.space?.name || data?.taskById?.name || '??',
         subtitle: data?.taskById?.creator?.fullName,
+        onPress: () => navigate('/spaces/' + data?.taskById?.space?.id),
         mainAvatar: {
           source: data?.taskById?.space?.avatar,
           initials: data?.taskById?.space?.name || data?.taskById?.name || '??',