generated from Klectr/KTemplate
45 lines
1.0 KiB
TypeScript
45 lines
1.0 KiB
TypeScript
import { NotesSigal } from "../../signals"
|
|
import notes from "../../signals/notes"
|
|
import { updateLocalStorage } from "../../utils/localStorage"
|
|
import { defaultClassName } from "./utils"
|
|
|
|
export function StickyNoteButton() {
|
|
function _handleClick(e: MouseEvent) {
|
|
NotesSigal.default.addNote({
|
|
type: "note",
|
|
title: "New Note",
|
|
contents: "",
|
|
position: {
|
|
x: e.pageX - 100,
|
|
y: e.pageY + (window.innerHeight / 2) - 100
|
|
},
|
|
dimensions: {
|
|
w: 200,
|
|
h: 200
|
|
}
|
|
})
|
|
updateLocalStorage("notes", notes.notes.value)
|
|
}
|
|
|
|
return (
|
|
<svg
|
|
onclick={_handleClick}
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
className={defaultClassName}>
|
|
<path
|
|
d="M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8Z" />
|
|
<path
|
|
d="M15 3v4a2 2 0 0 0 2 2h4" />
|
|
</svg>
|
|
)
|
|
|
|
}
|