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

- 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

View File

@@ -83,6 +83,7 @@ PhotoDialog.vue */
<div v-else>
<div class="flex flex-col items-center justify-center gap-4 p-4">
<button
v-if="isRegistered"
class="bg-blue-500 hover:bg-blue-700 text-white font-bold p-3 rounded-full text-2xl leading-none"
@click="takePhoto"
>
@@ -144,6 +145,8 @@ export default class PhotoDialog extends Vue {
private platformService = PlatformServiceFactory.getInstance();
URL = window.URL || window.webkitURL;
isRegistered = false;
/**
* Lifecycle hook: Initializes component and retrieves user settings
* @throws {Error} When settings retrieval fails
@@ -152,6 +155,7 @@ export default class PhotoDialog extends Vue {
try {
const settings = await retrieveSettingsForActiveAccount();
this.activeDid = settings.activeDid || "";
this.isRegistered = !!settings.isRegistered;
} catch (error: unknown) {
logger.error("Error retrieving settings from database:", error);
this.$notify(