@finema/finework-layer 2.0.17 → 2.0.19

package/.playground/app/pages/layout-user.vue

@@ -27,6 +27,7 @@
         </Button>
       </div>
       <Card> asdasdasdasdasdasd </Card>
+      <BookmarkButton />
       <div class="bg-white p-4">
         <Tabs
           variant="link"

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## [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)
 
 ## [2.0.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/2.0.15...2.0.16) (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-90">
         <div class="mb-3 flex items-center justify-between">
           <h3 class="text-base font-semibold">
             Add bookmark
@@ -33,7 +33,7 @@
 
         <div class="flex gap-3">
           <div class="flex size-16 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-gray-100">
-            <Loader :loading="preview.status.value.isLoading">
+            <Loader :loading="preview.status.isLoading">
               <img
                 v-if="thumbnailUrl"
                 :src="thumbnailUrl"
@@ -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"
@@ -71,6 +71,7 @@
                 placeholder="Folder"
                 size="lg"
                 class="flex-1"
+                clearable
               />
               <Button
                 icon="ph:folder-plus"
@@ -124,7 +125,7 @@
           </Button>
           <Button
             :loading="bookmarks.add.status.isLoading || bookmarks.update.status.isLoading"
-            :disabled="!url || !name"
+            :disabled="!url"
             @click="onSave"
           >
             Done
@@ -158,8 +159,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 +172,7 @@ watch(isOpen, (open) => {
   url.value = ''
   name.value = ''
   thumbnailUrl.value = null
-  folderId.value = defaultFolderId.value
+  folderId.value = undefined
 })
 
 const onFetchPreview = () => {
@@ -181,7 +180,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
@@ -217,10 +216,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 +229,7 @@ const onSave = async () => {
     await bookmarks.addRun({
       data: {
         url: url.value,
-        name: name.value,
+        name: bookmarkName,
         folder_id: folderId.value,
       },
     })

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.17",
+  "version": "2.0.19",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground -o",