+3 -2

neo/src/bits/dialog.tsx

reviewed

··· 1 1 import "@css/dialog.css"; 2 2 3 3 - import { effect, useSignal } from "@preact/signals"; 3 3 + import { effect, signal, useSignal } from "@preact/signals"; 4 4 import { reduced_motion } from "@src/support"; 5 5 import { spring, timeline } from "motion"; 6 6 import { useId } from "preact/hooks"; ··· 18 18 Content: DialogInnards<T>, 19 19 props?: T, 20 20 ) => { 21 21 - const is_open = useSignal(false); 21 21 + const is_open = signal(false); 22 22 23 23 const open = (ev?: MouseEvent) => { 24 24 ev?.stopPropagation(); ··· 66 66 elem.id = id; 67 67 const main = document.getElementById("app-main")!; 68 68 render(<Component/>, main.appendChild(elem)); 69 69 + console.log("here") 69 70 70 71 dialog_ref.current?.showModal(); 71 72 dialog_ref.current?.addEventListener("close", () => is_open.value = false);

+5 -5

neo/src/bits/sidebar/network-section.tsx

reviewed

··· 147 147 <h2> 148 148 <button 149 149 class={`${disconnected ? "disconnected" : ""} ${errored ? "errored" : ""}`} 150 150 - onClick={() => details_diag.open()} 150 150 + onClick={e => details_diag.open(e)} 151 151 > 152 152 {icon} 153 153 {adapter_icon} ··· 165 165 </IconButton> 166 166 : <IconButton 167 167 title="Connection Info" 168 168 - onClick={() => { 168 168 + onClick={(e) => { 169 169 diag_page.value = ConnInfoPage.About; 170 170 - details_diag.open() 170 170 + details_diag.open(e) 171 171 }} 172 172 > 173 173 <InfoIcon aria-hidden/> 174 174 </IconButton> 175 175 } 176 176 <IconButton 177 177 - onClick={() => { 177 177 + onClick={(e) => { 178 178 diag_page.value = ConnInfoPage.Configuration; 179 179 - details_diag.open() 179 179 + details_diag.open(e) 180 180 }} 181 181 title="Configure" 182 182 >

+1

neo/src/css/connection-info.css

reviewed

··· 3 3 grid-template-columns: 16rem 1fr; 4 4 5 5 height: max(24rem, 80vh); 6 6 + width: max(64rem, 90vh); 6 7 7 8 aside.sidebar { 8 9 display: flex;