focus newly added card

src/components/CardSelector.tsx

@@ -19,7 +19,6 @@ export function CardSelector() {
 
 function StickyNote() {
   function _handleClick(e: MouseEvent) {
-
     NotesSigal.default.addNote({
       type: "note",
       title: "New Note",

src/signals/images.ts

@@ -1,5 +1,6 @@
 import { signal } from "kaioken"
 import { Card } from "../types"
+import { focusedItem } from "."
 
 export type ImageCardType = Card<"image">
 
@@ -16,6 +17,7 @@ function addImage(data: Omit<ImageCardType, "id">) {
   }
   images.value[newCard.id] = newCard
   images.notify()
+  focusedItem.value = newCard.id
 }
 
 function removeImage(id: ImageCardType["id"]) {

src/signals/notes.ts

@@ -1,5 +1,6 @@
 import { signal } from "kaioken"
 import { Card } from "../types"
+import { focusedItem } from "."
 
 export type NoteCardType = Card<"note">
 
@@ -16,6 +17,7 @@ function addNote(data: Omit<NoteCardType, "id">) {
   }
   notes.value[newCard.id] = newCard
   notes.notify()
+  focusedItem.value = newCard.id
 }
 
 function removeNote(id: NoteCardType["id"]) {