Adds ChangeLogo for Creator

This commit is contained in:
Jonathan Bourdon
2024-08-06 00:51:25 -04:00
parent f4b060dd9d
commit cb25586d9a
4 changed files with 82 additions and 84 deletions

View File

@@ -4,7 +4,7 @@ import Socials from '@/views/Profile/Dialogs/PageInformations/Socials.vue';
import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue';
import ColorTopBanner from '@/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue';
import ColorBottomBanner from "@/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue";
import ProfilePicturePicker from "@/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue";
import LogoPicker from "@/views/Profile/Dialogs/PageInformations/LogoPicker.vue";
import ColorBorder from "@/views/Profile/Dialogs/PageInformations/ColorBorder.vue";
import ColorMenu from "@/views/Profile/Dialogs/PageInformations/ColorMenu.vue";
import {useUserStore} from "@/stores/userStore.js";
@@ -15,13 +15,13 @@ const dialog = ref(false);
const currentComponent = ref('');
const componentsMap = {
Socials,
BannerPicker,
LogoPicker,
Socials,
ColorTopBanner,
ColorBottomBanner,
ProfilePicturePicker,
ColorBorder,
ColorMenu
ColorMenu,
};
const openDialog = (component) => {
@@ -83,9 +83,9 @@ const closeDialog = () => {
<button class="flex justify-center my-5">
<img
@click="openDialog('ProfilePicturePicker')"
@click="openDialog('LogoPicker')"
class="custom-border hover:brightness-125 active:bg-gray-600 shadow flex items-center transition duration-200 ease-in-out w-48 h-48 rounded-full"
src="/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png"
:src="userStore.creator.storedDataUrls.profilePictureUrl"
alt="Profile Image"
>
</button>