@finema/finework-layer 2.0.18 → 2.0.20

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## [2.0.20](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.19...2.0.20) (2026-07-31)
+
+## [2.0.19](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.18...2.0.19) (2026-07-31)
+
 ## [2.0.18](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.17...2.0.18) (2026-07-31)
 
 ## [2.0.17](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.16...2.0.17) (2026-07-31)

package/app/components/Bookmark/BookmarkButton.vue

@@ -8,13 +8,13 @@
     }"
   >
     <Icon
-      name="ph:star"
+      name="ph:bookmark-simple"
       class="size-6 cursor-pointer"
       title="Add bookmark"
     />
 
     <template #content>
-      <Card class="w-[360px]">
+      <Card class="w-95">
         <div class="mb-3 flex items-center justify-between">
           <h3 class="text-base font-semibold">
             Add bookmark
@@ -50,7 +50,7 @@
           <div class="flex flex-1 flex-col gap-2">
             <Input
               v-model="url"
-              placeholder="Paste the link you want to bookmark"
+              placeholder="Paste a link"
               size="lg"
               @blur="onFetchPreview"
               @keyup.enter="onFetchPreview"
@@ -64,13 +64,15 @@
               v-if="!isCreatingFolder"
               class="flex gap-2"
             >
-              <Select
+              <SelectMenu
                 v-if="folderOptions.length > 0"
                 v-model="folderId"
                 :items="folderOptions"
+                value-key="value"
                 placeholder="Folder"
                 size="lg"
                 class="flex-1"
+                clearable
               />
               <Button
                 icon="ph:folder-plus"
@@ -124,7 +126,7 @@
           </Button>
           <Button
             :loading="bookmarks.add.status.isLoading || bookmarks.update.status.isLoading"
-            :disabled="!url || !name"
+            :disabled="!url"
             @click="onSave"
           >
             Done
@@ -158,8 +160,6 @@ const folderOptions = computed(() => folders.fetch.items.map((folder) => ({
   value: folder.id,
 })))
 
-const defaultFolderId = computed(() => folders.fetch.items[0]?.id)
-
 onMounted(() => {
   bookmarks.fetchAll()
   folders.fetchAll()
@@ -173,7 +173,7 @@ watch(isOpen, (open) => {
   url.value = ''
   name.value = ''
   thumbnailUrl.value = null
-  folderId.value = defaultFolderId.value
+  folderId.value = undefined
 })
 
 const onFetchPreview = () => {
@@ -181,7 +181,7 @@ const onFetchPreview = () => {
 
   if (existing.value) {
     name.value = existing.value.name
-    folderId.value = existing.value.folder_id ?? defaultFolderId.value
+    folderId.value = existing.value.folder_id ?? undefined
     thumbnailUrl.value = existing.value.favicon_url || existing.value.image_url
 
     return
@@ -191,10 +191,6 @@ const onFetchPreview = () => {
     params: {
       url: url.value,
     },
-  }).then(() => {
-    if (!preview.data.value) return
-    if (!name.value) name.value = preview.data.value.name
-    thumbnailUrl.value = preview.data.value.favicon_url || preview.data.value.image_url || null
   })
 }
 
@@ -217,10 +213,12 @@ const onCreateFolder = async () => {
 }
 
 const onSave = async () => {
+  const bookmarkName = name.value || url.value
+
   if (existing.value) {
     await bookmarks.updateRun(existing.value.id, {
       data: {
-        name: name.value,
+        name: bookmarkName,
         folder_id: folderId.value,
       },
     })
@@ -228,7 +226,7 @@ const onSave = async () => {
     await bookmarks.addRun({
       data: {
         url: url.value,
-        name: name.value,
+        name: bookmarkName,
         folder_id: folderId.value,
       },
     })
@@ -243,6 +241,12 @@ const onRemove = async () => {
   isOpen.value = false
 }
 
+useWatchTrue(() => preview.status.isSuccess, () => {
+  if (!preview.data) return
+  name.value = preview.data.name
+  thumbnailUrl.value = preview.data.favicon_url || preview.data.image_url || null
+})
+
 useWatchTrue(() => bookmarks.add.status.isSuccess, () => {
   bookmarks.fetchAll()
 })

package/app/constants/routes.ts

@@ -41,7 +41,7 @@ export const routes = {
     bookmarks: {
       label: 'Bookmarks',
       to: '/account/bookmarks',
-      icon: 'ph:star',
+      icon: 'ph:bookmarks',
     },
   },
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@finema/finework-layer",
   "type": "module",
-  "version": "2.0.18",
+  "version": "2.0.20",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground -o",