trentlarson/crowd-funder-from-jason
1
0
Fork 0
forked from jsnbuchanan/crowd-funder-for-time-pwa
Code Issues Pull Requests Projects Releases Wiki Activity

feat(ui): disable all photo upload actions for unregistered users

Browse Source 
- Updated ImageMethodDialog.vue to accept an isRegistered prop and show "Register to Upload a Photo" message instead of upload UI when not registered.
- Updated AccountViewView.vue to pass isRegistered to ImageMethodDialog and replace all profile photo add/upload buttons with the same message for unregistered users.
- Ensures consistent UX and prevents unregistered users from accessing any photo upload features.
This commit is contained in:
Matt Raymer
2025-05-14 05:39:03 -04:00
parent 7e9682ce67
commit e4155e1a20
4 changed files with 60 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/AccountViewView.vue
View File

@@ -83,18 +83,23 @@
/>
</span>
<div v-else class="text-center">
<div class @click="openImageDialog()">
<font-awesome
icon="image-portrait"
class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-2 rounded-l"
/>
<font-awesome
icon="camera"
class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-2 rounded-r"
/>
</div>
<template v-if="isRegistered">
<div class @click="openImageDialog()">
<font-awesome
icon="image-portrait"
class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-2 rounded-l"
/>
<font-awesome
icon="camera"
class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-2 rounded-r"
/>
</div>
</template>
<template v-else>
<div class="text-center text-lg text-slate-500 py-8">Register to Upload a Photo</div>
</template>
</div>
<ImageMethodDialog ref="imageMethodDialog" />
<ImageMethodDialog ref="imageMethodDialog" :isRegistered="isRegistered" />
</div>
<div class="mt-6">
<div class="flex justify-center text-center">