new design

2026-04-18 21:19:24 -03:00
parent 6e9cfc5d30
commit c319dea2bf
9 changed files with 504 additions and 153 deletions
@@ -1,4 +1,5 @@
 import './Sidebar.css';
+import { route } from 'preact-router';
 import type { RecommendationSummary } from '../types/index.js';

 interface SidebarProps {
@@ -30,10 +31,27 @@ export function Sidebar({ list, selectedId, onSelect, onNewClick }: SidebarProps
  return (
    <aside class="sidebar">
      <div class="sidebar-header">
-        <a href="/" class="sidebar-title">Recommender</a>
+        <a
+          href="/"
+          class="sidebar-title"
+          onClick={(event) => {
+            event.preventDefault();
+            route('/');
+          }}
+        >
+          Recommender
+        </a>
      </div>

-      <button class="btn-new" onClick={onNewClick}>
+      <button
+        type="button"
+        class="btn-new"
+        onClick={(event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          onNewClick();
+        }}
+      >
        + New Recommendation
      </button>