Update propname. Optional buttonCopy

specklesystems · Dec 20, 2024 · 79c2bde · 79c2bde
1 parent 9a036f0
commit 79c2bde
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/packages/frontend-2/components/workspace/ProjectList.vue b/packages/frontend-2/components/workspace/ProjectList.vue
@@ -54,7 +54,7 @@
         <WorkspaceHeaderAddProjectMenu
           v-if="!isWorkspaceGuest"
           :is-workspace-admin="isWorkspaceAdmin"
-          is-first
+          button-copy="Add your first project"
           @new-project="openNewProject = true"
           @move-project="showMoveProjectsDialog = true"
         />

diff --git a/packages/frontend-2/components/workspace/header/AddProjectMenu.vue b/packages/frontend-2/components/workspace/header/AddProjectMenu.vue
@@ -9,17 +9,17 @@
   >
     <FormButton
       color="outline"
-      :class="mobileShorten ? 'hidden md:block' : ''"
+      :class="hideTextOnMobile ? 'hidden md:block' : ''"
       @click="showMenu = !showMenu"
     >
       <div class="flex items-center gap-1">
-        Add {{ isFirst ? 'your first' : '' }} project
+        {{ buttonCopy || 'Add project' }}
         <ChevronDownIcon class="h-3 w-3" />
       </div>
     </FormButton>
     <FormButton
       color="outline"
-      :class="mobileShorten ? 'md:hidden' : 'hidden'"
+      :class="hideTextOnMobile ? 'md:hidden' : 'hidden'"
       hide-text
       :icon-left="PlusIcon"
       @click="showMenu = !showMenu"
@@ -45,9 +45,9 @@ const emit = defineEmits<{
 }>()
 
 const props = defineProps<{
-  mobileShorten?: boolean
+  hideTextOnMobile?: boolean
   isWorkspaceAdmin: boolean
-  isFirst?: boolean
+  buttonCopy?: string
 }>()
 
 const menuId = useId()

diff --git a/packages/frontend-2/components/workspace/header/Header.vue b/packages/frontend-2/components/workspace/header/Header.vue
@@ -37,7 +37,7 @@
         <WorkspaceHeaderAddProjectMenu
           v-if="!isWorkspaceGuest"
           :is-workspace-admin="isWorkspaceAdmin"
-          mobile-shorten
+          hide-text-on-mobile
           @new-project="$emit('show-new-project-dialog')"
           @move-project="$emit('show-move-projects-dialog')"
         />