web/satellite/vuetify-poc: make project invite titles unclickable

Users with a pending invitation for a project could be redirected to
that project's dashboard if its title in the projects table was
clicked. This type of redirection is only intended for projects that
the user is a member of, as navigating into any other project will send
the user back to the all projects dashboard. This change fixes this
issue, making invitation titles in the projects table unclickable.

Change-Id: I6ef6a72d92e8eb576d49d6268373af340116ee2f
This commit is contained in:
Jeremy Wharton 2023-08-16 04:35:08 -05:00 committed by Storj Robot
parent ea38b9f78e
commit c706df5218

View File

@ -21,17 +21,21 @@
item-key="path"
>
<template #item.name="{ item }">
<div>
<v-btn
class="rounded-lg w-100 pl-1 pr-4 justify-start font-weight-bold"
variant="text"
height="40"
color="default"
@click="openProject(item.raw)"
>
<img src="../assets/icon-project-tonal.svg" alt="Project" class="mr-3">
{{ item.raw.name }}
</v-btn>
<v-btn
v-if="item.raw.role !== ProjectRole.Invited"
class="rounded-lg pl-1 pr-4 justify-start font-weight-bold"
variant="text"
height="40"
color="default"
block
@click="openProject(item.raw)"
>
<img src="../assets/icon-project-tonal.svg" alt="Project" class="mr-3">
{{ item.raw.name }}
</v-btn>
<div v-else class="pl-1 pr-4 d-flex align-center justify-start font-weight-bold">
<img src="../assets/icon-project-tonal.svg" alt="Project" class="mr-3">
<span class="text-no-wrap">{{ item.raw.name }}</span>
</div>
</template>