diff --git a/source/src/index.tsx b/source/src/index.tsx index 7db028d..c84b4fe 100644 --- a/source/src/index.tsx +++ b/source/src/index.tsx @@ -1,32 +1,84 @@ import { h, render, Component } from 'nano-jsx' -class RickLabel extends Component { +class RickPanel extends Component { count = 0 + stayFocused = true handleClick = () => { this.count++ - window.open('https://www.youtube.com/watch?v=dQw4w9WgXcQ', '_blank') + + const win = window.open('https://www.youtube.com/watch?v=dQw4w9WgXcQ', '_blank') + + if (!this.stayFocused && win) { + win.focus() + } + this.update?.() } + handleCheckbox = (e: Event) => { + const input = e.target as HTMLInputElement + this.stayFocused = input.checked + } + + handleSansClick = () => { + window.open('https://www.youtube.com/watch?v=ZcoqR9Bwx1Y', '_blank') // Megalovania 🎶 + } + render() { return (