tiradoe/movie-night-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated list settings to use button action components

Browse source
This commit is contained in:
Edward Tirado Jr 2026-04-16 17:58:28 -05:00
parent 84f369f4c6
commit 8e48132561
6 changed files with 49 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/components/panels/movie-details.vue
View file

@ -2,6 +2,7 @@
import type {Movie} from "~/types/movie";
import type {MovieCriticScore} from "~/types/movie-critic-score";
import posterPlaceholder from "~/assets/img/poster-placeholder.svg";
import ButtonAction from "~/components/common/button-action.vue";
const props = defineProps<{
selectedMovie: Movie;
@ -57,7 +58,11 @@ const criticScores = computed(() => {
</div>
</dl>
<button v-if="canEdit" type="button" @click="emit('remove-movie', selectedMovie.id)">Remove From List</button>
<ButtonAction v-if="canEdit"
button-text="Remove From List"
buttonColor="danger"
@action="emit('remove-movie', selectedMovie.id)"
/>
</div>
</template>