@designcrowd/library.brand-page 6.1.6-use-isadminmaker-1 → 6.1.6-use-isadminmaker-3

package/src/shared/content-settings/components/personalisation-override-field/PersonalisationOverrideField.vue

@@ -1,5 +1,8 @@
 <template>
-  <div v-if="userStore.isAdminMaker && getDefaultAiProperty" class="tw-mt-2">
+  <div
+    v-if="containerStore.isAdminMaker && getDefaultAiProperty"
+    class="tw-mt-2"
+  >
     <div class="tw-border tw-border-solid tw-rounded tw-p-2">
       <div
         class="tw-relative tw-flex"
@@ -52,12 +55,12 @@ import {
 } from '@brand-page/utils/personalisation.util';
 import {
   useBrandPageMakerStore,
-  useBrandPageMakerUserStore,
+  useBrandPageContainerStore,
 } from '@brand-page-maker/stores';
 import type { PersonalisationMappingType } from '@brand-page/models/user-personalisation.model';
 import { personalisationOverrideTr } from '@src/composables/useTranslate';
 
-const userStore = useBrandPageMakerUserStore();
+const containerStore = useBrandPageContainerStore();
 const brandPageMakerStore = useBrandPageMakerStore();
 
 const emit = defineEmits(['update:modelValue']);

package/src/shared/content-settings/components/replace-image-base-settings/ReplaceImageBaseSettings.vue

@@ -128,7 +128,7 @@ const props = defineProps({
     type: Object as PropType<BrandPageSettingsMode>,
     required: true,
   },
-  isAdmin: {
+  isAdminMaker: {
     type: Boolean,
     required: true,
     default: false,
@@ -231,7 +231,7 @@ const tabs = ref<Tab[]>([
 
 const enabledTabs = computed(() => {
   return tabs.value
-    .filter((x) => x.id !== 'MY_DESIGNS' || !props.isAdmin)
+    .filter((x) => x.id !== 'MY_DESIGNS' || !props.isAdminMaker)
     .filter(
       (x) =>
         props.activeTabs.some((y) => y === x.id) &&

package/src/shared/content-settings/components/shape-field/ShapeField.mixin.ts

@@ -33,7 +33,7 @@ export default defineComponent({
       type: Object as PropType<LogoTheme>,
       required: true,
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: true,
     },

package/src/shared/content-settings/components/shape-field/ShapeField.vue

@@ -58,7 +58,7 @@
               : ''
           "
           :value="option.item.colorReplacements"
-          :is-admin="isAdmin"
+          :is-admin-maker="isAdminMaker"
           :logo-theme="logoTheme"
           :toggle-unique-id="option.index.toString()"
           @update:model-value="onColorReplacementsChange($event, option.index)"

package/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.mixin.ts

@@ -43,7 +43,7 @@ export default defineComponent({
       type: Object as PropType<LogoTheme>,
       required: true,
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: true,
     },

package/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.vue

@@ -51,7 +51,7 @@
           {{ testimonialMaxLengthErrorMessage }}
         </p>
         <PersonalisationOverrideField
-          v-if="isAdmin && content.personalisationRole"
+          v-if="isAdminMaker && content.personalisationRole"
           :id="id"
           name="testimonialsOverride"
           :content="content"
@@ -72,7 +72,7 @@
           @update:model-value="onRemoveImage(option.index)"
         />
         <PersonalisationOverrideField
-          v-if="isAdmin && content.personalisationRole"
+          v-if="isAdminMaker && content.personalisationRole"
           :id="id"
           name="imageUrlOverride"
           :content="content"
@@ -108,7 +108,7 @@
                 : ''
             "
             :value="option.item.colorReplacements"
-            :is-admin="isAdmin"
+            :is-admin-maker="isAdminMaker"
             :logo-theme="logoTheme"
             :toggle-unique-id="option.index.toString()"
             @update:model-value="
@@ -136,7 +136,7 @@
           {{ testimonialMaxLengthErrorMessage }}
         </p>
         <PersonalisationOverrideField
-          v-if="isAdmin && content.personalisationRole"
+          v-if="isAdminMaker && content.personalisationRole"
           :id="id"
           name="nameOverride"
           :content="content"
@@ -167,7 +167,7 @@
           {{ testimonialMaxLengthErrorMessage }}
         </p>
         <PersonalisationOverrideField
-          v-if="isAdmin && content.personalisationRole"
+          v-if="isAdminMaker && content.personalisationRole"
           :id="id"
           name="positionOverride"
           :content="content"

package/src/shared/content-settings/components/text-image-field/TextImageField.vue

@@ -51,7 +51,7 @@
         />
 
         <PersonalisationOverrideField
-          v-if="isAdmin && content.personalisationRole"
+          v-if="isAdminMaker && content.personalisationRole"
           :id="id"
           name="imageUrlOverride"
           :content="content"
@@ -80,7 +80,7 @@
               : ''
           "
           :value="option.item.colorReplacements"
-          :is-admin="isAdmin"
+          :is-admin-maker="isAdminMaker"
           :logo-theme="logoTheme"
           :toggle-unique-id="option.index.toString()"
           @update:model-value="onColorReplacementsChange($event, option.index)"
@@ -106,7 +106,7 @@
           {{ maxLengthError }}
         </p>
         <PersonalisationOverrideField
-          v-if="isAdmin && content.personalisationRole"
+          v-if="isAdminMaker && content.personalisationRole"
           :id="id"
           name="titleOverride"
           :content="content"
@@ -140,7 +140,7 @@
           @update:model-value="onTextAreaTextChange($event, option.index)"
         />
         <PersonalisationOverrideField
-          v-if="isAdmin && content.personalisationRole"
+          v-if="isAdminMaker && content.personalisationRole"
           :id="id"
           name="paragraphOverride"
           :content="content"
@@ -179,7 +179,7 @@
               {{ maxLengthError }}
             </p>
             <PersonalisationOverrideField
-              v-if="isAdmin && content.personalisationRole"
+              v-if="isAdminMaker && content.personalisationRole"
               :id="id"
               name="imageTitleOverride"
               :content="content"
@@ -193,7 +193,7 @@
           <ButtonConfigurationField
             :id="id"
             :index="option.index"
-            :is-admin="isAdmin"
+            :is-admin-maker="isAdminMaker"
             :button-config="{
               buttonText: options[option.index].buttonText ?? false,
               buttonLinkType: options[option.index].buttonLinkType || 'url',
@@ -325,7 +325,7 @@ interface Props {
   maxLength?: number;
   logoTheme: LogoTheme;
   settings: any;
-  isAdmin: boolean;
+  isAdminMaker: boolean;
   brandPageType?: string;
 }
 

package/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.test.ts

@@ -41,7 +41,7 @@ const mountHost = () =>
       name: 'textItems',
       content: { id: 'item-1', type: 'text' } as Content,
       value: [makeTextItem('<p>one</p>'), makeTextItem('<p>two</p>')],
-      isAdmin: false,
+      isAdminMaker: false,
       logoTheme: {
         logoTextColor: '#000000',
         logoBackgroundColor: '#ffffff',

package/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.ts

@@ -43,7 +43,7 @@ export default defineComponent({
       type: Array as PropType<TextItem[]>,
       required: true,
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: true,
     },

package/src/shared/content-settings/components/text-items-field/TextItemsField.vue

@@ -43,7 +43,7 @@
           @update:model-value="onTextAreaTextChange($event, option.index)"
         />
         <PersonalisationOverrideField
-          v-if="isAdmin && content.personalisationRole"
+          v-if="isAdminMaker && content.personalisationRole"
           :id="id"
           name="textOverride"
           :content="content"
@@ -57,7 +57,7 @@
           v-if="!showRichTextEditor"
           :id="`text-style-field-${option.index}`"
           :key="`text-style-field-${option.index}`"
-          :is-admin="isAdmin"
+          :is-admin-maker="isAdminMaker"
           :value="options[option.index].textStyle"
           :logo-theme="logoTheme"
           :show-font-style-only="true"

package/src/shared/content-settings/components/text-style-field/TextStyleField.mixin.ts

@@ -83,7 +83,7 @@ export default defineComponent({
       type: Object as PropType<TextStyleDeclaration>,
       required: true,
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: true,
     },

package/src/shared/content-settings/components/text-style-field/TextStyleField.vue

@@ -134,7 +134,7 @@
         :name="name"
         :value="textColorValue"
         :options="textColorOptions"
-        :is-admin="isAdmin"
+        :is-admin-maker="isAdminMaker"
         :logo-theme="logoTheme"
         :is-toggled="false"
         :disable-transparent="true"
@@ -153,7 +153,7 @@
         :name="name"
         :value="textBackgroundColorValue"
         :options="textBackgroundColorOptions"
-        :is-admin="isAdmin"
+        :is-admin-maker="isAdminMaker"
         :logo-theme="logoTheme"
         :is-toggled="false"
         @update:model-value="onSelectBackgroundColor"

package/src/shared/content-settings/store/content-settings-store.ts

@@ -34,6 +34,7 @@ import {
   useUiStore,
   useBrandPageMakerUserStore,
   useBrandPageMakerStore,
+  useBrandPageContainerStore,
   useVideoStore,
 } from '@brand-page-maker/stores';
 import { useHistoryStore } from '@brand-page-maker/stores/history/history-store';
@@ -918,7 +919,7 @@ export const useUiContentSettingsStore = defineStore('uiContentSettings', {
     },
 
     validateItem(payload: ValidateItemPayload): void {
-      const userStore = useBrandPageMakerUserStore();
+      const containerStore = useBrandPageContainerStore();
 
       const item = this.items.find((i) => i.id === payload.id);
 
@@ -951,7 +952,7 @@ export const useUiContentSettingsStore = defineStore('uiContentSettings', {
         return;
       }
 
-      let genericValidator: Validator = userStore.isAdminMaker
+      let genericValidator: Validator = containerStore.isAdminMaker
         ? adminValidatorsDict[
             fieldTypeAssessor !== undefined ? fieldType : fieldConfig.type
           ]

package/src/shared/models.ts

@@ -3,7 +3,6 @@ import type { UIUserFeatures } from '../constants/ui';
 
 export interface UIUserState {
   isAdmin: boolean;
-  isAdminMaker: boolean;
   features: UIUserFeatures;
 }
 

package/src/shared/my-uploads/MyUploads.mixin.ts

@@ -7,6 +7,7 @@ import type { MediaFile } from '../../clients/models';
 import { DEFAULT_UPLOAD_FILE_LIMIT } from '../../constants/ui';
 import {
   useBrandPageMakerUserStore,
+  useBrandPageContainerStore,
   useUiStore,
 } from '@brand-page-maker/stores';
 import { formatKilobytes } from '@brand-page-maker/utils/file-size.util';
@@ -58,6 +59,7 @@ export default defineComponent({
   setup() {
     const uiStore = useUiStore();
     const userStore = useBrandPageMakerUserStore();
+    const containerStore = useBrandPageContainerStore();
 
     const dropzoneImageUploaderRef = ref<InstanceType<
       typeof DropzoneImageUploader
@@ -67,7 +69,7 @@ export default defineComponent({
       dropzoneImageUploaderRef,
       endpoints: computed(() => uiStore.endpoints),
       uiStore,
-      isAdmin: computed(() => !!userStore.isAdminMaker),
+      isAdminMaker: computed(() => !!containerStore.isAdminMaker),
       isLoggedIn: computed(() => !!userStore.emailAddress),
     };
   },

package/src/shared/my-uploads/MyUploads.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/no-deprecated-slot-attribute -->
 <template>
-  <LoginRequiredMessage v-if="!isLoggedIn && !isAdmin" />
+  <LoginRequiredMessage v-if="!isLoggedIn && !isAdminMaker" />
   <div v-else>
     <DropzoneImageUploader
       ref="dropzoneImageUploaderRef"

package/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.ts

@@ -25,7 +25,7 @@ export default defineComponent({
       type: Array as PropType<NavigationStyleConfig[]>,
       required: true,
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: true,
     },

package/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.vue

@@ -13,7 +13,7 @@
         id="navigation-hamburger-default-button-style"
         key="navigation-hamburger-default-button-style"
         name="Default text style"
-        :is-admin="isAdmin"
+        :is-admin-maker="isAdminMaker"
         :label="commonTr('defaultTextStyle')"
         :logo-theme="logoTheme"
         :value="value.hamburgerMenuStyle.defaultButtonStyle"
@@ -24,7 +24,7 @@
         id="navigation-default-button-style"
         key="navigation-default-button-style"
         name="Default text style"
-        :is-admin="isAdmin"
+        :is-admin-maker="isAdminMaker"
         :label="commonTr('defaultTextStyle')"
         :logo-theme="logoTheme"
         :value="value.defaultButtonStyle"
@@ -41,8 +41,8 @@
       :key="index"
       class="tw-flex tw-justify-between tw-w-full"
       :class="{
-        'tw-items-start': isAdmin,
-        'tw-items-center': !isAdmin,
+        'tw-items-start': isAdminMaker,
+        'tw-items-center': !isAdminMaker,
         'tw-mb-4': index < navigationStyleOptions.length - 1,
       }"
     >
@@ -50,12 +50,12 @@
         <p
           class="tw-font-sans tw-font-bold tw-text-secondary-800 tw-text-sm tw-break-words"
           :class="{
-            'tw-mb-2': isAdmin,
+            'tw-mb-2': isAdminMaker,
           }"
         >
           {{ navigationStyleConfigOptionTitles[option] }}
         </p>
-        <div v-if="isAdmin">
+        <div v-if="isAdminMaker">
           <Toggle
             :id="`${option}-color-matched`"
             :model-value="isOptionColorMatched(option)"
@@ -69,14 +69,14 @@
 
       <!-- Start style option color picker -->
       <div
-        v-if="(isAdmin && !isOptionColorMatched(option)) || !isAdmin"
+        v-if="(isAdminMaker && !isOptionColorMatched(option)) || !isAdminMaker"
         class="tw-flex-none"
       >
         <ColorField
           id="navigationStyle"
           name="navigationStyle"
           :value="colorPickerValue(option)"
-          :is-admin="isAdmin"
+          :is-admin-maker="isAdminMaker"
           :is-toggled="false"
           :logo-theme="logoTheme"
           :disable-transparent="
@@ -89,7 +89,10 @@
       <!-- End style option color picker -->
 
       <!-- Start Admin Style Theme Key Select -->
-      <div v-if="isAdmin && isOptionColorMatched(option)" class="tw-flex-none">
+      <div
+        v-if="isAdminMaker && isOptionColorMatched(option)"
+        class="tw-flex-none"
+      >
         <select
           class="c-select c-button-style tw-border tw-appearance-none tw-border-none tw-h-10 tw-pl-2 tw-pr-8 tw-rounded tw-cursor-pointer tw-transition-all tw-duration-300 tw-bg-white"
           @change.stop="onColorPickerInput(option, $event.target.value)"

package/src/shared/page-settings/components/page-settings/PageSettings.mixin.ts

@@ -231,7 +231,7 @@ export default defineComponent({
       ),
       sections: computed(() => pageSettingsStore.sections),
       features: computed(() => userStore.features),
-      isAdmin: computed(() => userStore.isAdminMaker),
+      isAdminMaker: computed(() => brandPageContainerStore.isAdminMaker),
       isBrandSite: computed(() => brandPageMakerStore.isBrandSite),
       navigationStyleTypeConfigs: computed(
         () => navigationSettingsStore.navigationStyleTypeConfigs,

package/src/shared/page-settings/components/page-settings/PageSettings.vue

@@ -49,7 +49,7 @@
       >
         <PageSettingsSectionStyles
           section-name="header"
-          :is-admin="isAdmin"
+          :is-admin-maker="isAdminMaker"
           :is-brand-site="isBrandSite"
           :logo-theme="logoTheme"
           :style-options="headerPageSectionStyleOptions"
@@ -66,14 +66,14 @@
         <PageSettingsSectionStyles
           section-name="footer"
           :font-settings-options="footerFontSettingsOptions"
-          :is-admin="isAdmin"
+          :is-admin-maker="isAdminMaker"
           :is-brand-site="isBrandSite"
           :logo-theme="logoTheme"
           :style-options="footerPageSectionStyleOptions"
         />
 
         <div
-          v-if="!isAdmin && !isPrePurchase && showBrandCrowdLogo"
+          v-if="!isAdminMaker && !isPrePurchase && showBrandCrowdLogo"
           class="tw-flex tw-items-center tw-justify-between tw-cursor-pointer"
           @click="onHideBrandPageLogoClickFromFooter"
         >

package/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.ts

@@ -75,7 +75,7 @@ export default defineComponent({
       required: false,
       default: () => [],
     },
-    isAdmin: {
+    isAdminMaker: {
       type: Boolean,
       required: true,
     },

package/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.vue

@@ -85,7 +85,7 @@
 
       <NavigationStyleSettings
         :available-navigation-style-configs="availableNavigationStyleConfigs"
-        :is-admin="isAdmin"
+        :is-admin-maker="isAdminMaker"
         :logo-theme="logoTheme"
         :value="navigation"
         @option-value-change="handleHeaderNavigationStyleOptionValueChange"
@@ -155,7 +155,7 @@
         :font-family-options="availableTextFontFamilyOptions"
         :value="fontStyle(option.propName)"
         :show-text-alignment-options="false"
-        :is-admin="isAdmin"
+        :is-admin-maker="isAdminMaker"
         :logo-theme="logoTheme"
         @update:model-value="setTextStyleOption(option.propName, $event)"
       />
@@ -173,7 +173,7 @@
         name="fill"
         :label="commonTr('iconColor')"
         :value="iconColor"
-        :is-admin="isAdmin"
+        :is-admin-maker="isAdminMaker"
         :logo-theme="logoTheme"
         :toggle-unique-id="sectionName"
         :disable-transparent="true"
@@ -194,7 +194,7 @@
         name="backgroundColor"
         :label="commonTr('backgroundColor')"
         :value="backgroundColor"
-        :is-admin="isAdmin"
+        :is-admin-maker="isAdminMaker"
         :logo-theme="logoTheme"
         :toggle-unique-id="sectionName"
         @update:model-value="onSelectColor"

package/src/shared/shape-library/ShapeLibrary.vue

@@ -75,7 +75,7 @@
               <img :src="shape.url" alt="" />
             </figure>
             <div
-              v-if="isAdmin && !shape.isEnabledToAdmin"
+              v-if="isAdminMaker && !shape.isEnabledToAdmin"
               class="tw-absolute tw-text-sm tw-w-full tw-h-full tw-top-0 tw-flex tw-items-end tw-justify-center"
             >
               <span class="tw-text-error-500 tw-mb-1">{{
@@ -94,7 +94,7 @@
           @click="handleShapeOrShapeCollectionSelection(shape)"
         >
           <div
-            v-if="shape.numberOfVariants > 1 && !isAdmin"
+            v-if="shape.numberOfVariants > 1 && !isAdminMaker"
             class="tw-absolute tw-top-2 tw-right-2 tw-bg-grayscale-600 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-h-5 tw-w-5 tw-z-5"
           >
             <span class="tw-text-xs tw-text-white">{{
@@ -105,7 +105,7 @@
             <img :src="shape.url" alt="" />
           </figure>
           <div
-            v-if="isAdmin && !shape.isEnabledToAdmin"
+            v-if="isAdminMaker && !shape.isEnabledToAdmin"
             class="tw-absolute tw-text-sm tw-w-full tw-h-full tw-top-0 tw-flex tw-items-end tw-justify-center"
           >
             <span class="tw-text-error-500 tw-mb-1">{{
@@ -176,7 +176,6 @@ import {
 import {
   useBrandPageContainerStore,
   useBrandPageMakerStore,
-  useBrandPageMakerUserStore,
   useUiStore,
 } from '@brand-page-maker/stores';
 import { useUiSideBarStore } from '@shared/side-bar/store/side-bar-store';
@@ -191,15 +190,14 @@ import debounce from 'lodash.debounce';
 const uiStore = useUiStore();
 const containerStore = useBrandPageContainerStore();
 const makerStore = useBrandPageMakerStore();
-const makerUserStore = useBrandPageMakerUserStore();
 const sidebarStore = useUiSideBarStore();
 
-const isAdmin = computed(() => makerUserStore.isAdminMaker);
+const isAdminMaker = computed(() => containerStore.isAdminMaker);
 const isBackgroundTab = computed(
   () => sidebarStore.selectedTabName === 'BackgroundSettings',
 );
 const makerMode = computed(() =>
-  makerUserStore.isAdminMaker
+  containerStore.isAdminMaker
     ? `admin_${makerStore.brandPageType.toLocaleLowerCase()}`
     : makerStore.brandPageType.toLocaleLowerCase(),
 );
@@ -259,7 +257,7 @@ async function getShapesCategories() {
       locale,
     )) as ShapeCategoryModel[];
     shapeLibraryCategories.value = categories.filter(
-      (shape) => isAdmin.value || shape.isEnabled,
+      (shape) => isAdminMaker.value || shape.isEnabled,
     );
   } catch (e) {
     if (process.env.NODE_ENV !== 'production') console.error(e);
@@ -281,7 +279,7 @@ async function getShapes() {
         currentPageSize.value,
         locale,
         makerMode.value,
-        isAdmin.value,
+        isAdminMaker.value,
       )) as ShapeSearchResponseModel;
     totalPageSize.value += newShapes.items.length;
     if (!shapeLibrary.value || !shapeLibrary.value.items) {
@@ -327,7 +325,7 @@ async function onCategoryClicked(shapeCategory: ShapeCategoryModel) {
         currentPageSize.value,
         locale,
         makerMode.value,
-        isAdmin.value,
+        isAdminMaker.value,
       )) as ShapeSearchResponseModel;
     totalPageSize.value += res.items.length;
     if (!shapeLibrary.value || !shapeLibrary.value.items) {
@@ -372,7 +370,7 @@ async function handleShapeOrShapeCollectionSelection(shape: any) {
   if (
     shape.numberOfVariants > 1 &&
     shape.shapeCollectionToken &&
-    !isAdmin.value
+    !isAdminMaker.value
   ) {
     try {
       const shapeCollection =
@@ -403,7 +401,7 @@ async function searchShapes() {
           currentPageSize.value,
           locale,
           makerMode.value,
-          isAdmin.value,
+          isAdminMaker.value,
         )) as ShapeSearchResponseModel;
       totalPageSize.value += res.items.length;
       if (!shapeLibrary.value || !shapeLibrary.value.items) {

package/src/shared/side-bar/components/SideBar.mixin.ts

@@ -38,7 +38,7 @@ export default defineComponent({
       brandPageContainerStore,
       tabs: computed(() => sideBarStore.tabs),
       selectedTabName: computed(() => sideBarStore.selectedTabName),
-      isAdmin: computed(() => userStore.isAdminMaker),
+      isAdminMaker: computed(() => brandPageContainerStore.isAdminMaker),
       contentSettingsMode: computed(() => contentSettingsStore.mode),
       contentSettingsSelectedItemId: computed(
         () => contentSettingsStore.selectedItemId,
@@ -91,11 +91,11 @@ export default defineComponent({
         return false;
       }
 
-      if (this.isAdmin && tab.isDisabledForAdmin) {
+      if (this.isAdminMaker && tab.isDisabledForAdmin) {
         return false;
       }
 
-      if (!this.isAdmin && tab.isEnabledForAdminOnly === true) {
+      if (!this.isAdminMaker && tab.isEnabledForAdminOnly === true) {
         return false;
       }
 

package/src/shared/style-settings/components/StyleSettings.mixin.ts

@@ -69,7 +69,7 @@ export default defineComponent({
       isDefaultTextColorRequired: computed(
         () => uiStore.isDefaultTextColorRequired,
       ),
-      isAdmin: computed(() => userStore.isAdminMaker),
+      isAdminMaker: computed(() => brandPageContainerStore.isAdminMaker),
       brandPageType: computed(() => brandPageMakerStore.brandPageType),
       showBrandCrowdLogo: computed(
         () => brandPageMakerStore.showBrandCrowdLogo,
@@ -143,7 +143,7 @@ export default defineComponent({
     },
   },
   created() {
-    if (this.isAdmin) {
+    if (this.isAdminMaker) {
       // check if the buttons styles are color matched
       Object.keys(this.isColorMatch).forEach((k) => {
         this.isColorMatch[k] =