From a509e06b883a10137b9ee7331be9bf0a903b956e Mon Sep 17 00:00:00 2001 From: WhiteMuush Date: Mon, 29 Jun 2026 22:43:02 +0200 Subject: [PATCH 1/2] style(ui): unify top-level card borders to border-border/60 --- src/app/(dashboard)/loading.tsx | 4 ++-- src/components/alerts/AlertTable.tsx | 4 ++-- src/components/credentials/ApiCredentials.tsx | 2 +- src/components/credentials/Webhooks.tsx | 2 +- src/components/dashboard/SetupChecklist.tsx | 4 ++-- src/components/dashboard/WidgetLibrary.tsx | 2 +- src/components/employees/EmployeeTable.tsx | 2 +- src/components/register/ExposureRegister.tsx | 6 +++--- src/components/reports/ReportSchedules.tsx | 2 +- src/components/reports/ReportSection.tsx | 2 +- src/components/settings/ConnectWizard.tsx | 2 +- src/components/settings/DirectoryConnections.tsx | 4 ++-- src/components/settings/RemediationSettings.tsx | 2 +- src/components/settings/SetupGuides.tsx | 2 +- src/components/settings/SiemExport.tsx | 2 +- 15 files changed, 21 insertions(+), 21 deletions(-) diff --git a/src/app/(dashboard)/loading.tsx b/src/app/(dashboard)/loading.tsx index 39bec81..500922a 100644 --- a/src/app/(dashboard)/loading.tsx +++ b/src/app/(dashboard)/loading.tsx @@ -11,14 +11,14 @@ export default function DashboardLoading() {
{Array.from({ length: 4 }).map((_, i) => ( -
+
))}
-
+
{Array.from({ length: 6 }).map((_, i) => ( diff --git a/src/components/alerts/AlertTable.tsx b/src/components/alerts/AlertTable.tsx index 1e7ef2d..912c11a 100644 --- a/src/components/alerts/AlertTable.tsx +++ b/src/components/alerts/AlertTable.tsx @@ -172,7 +172,7 @@ export function AlertTable({
{filtered.length === 0 ? ( -
+
No alerts found
) : ( @@ -181,7 +181,7 @@ export function AlertTable({
diff --git a/src/components/credentials/Webhooks.tsx b/src/components/credentials/Webhooks.tsx index fef6cc8..439b1fc 100644 --- a/src/components/credentials/Webhooks.tsx +++ b/src/components/credentials/Webhooks.tsx @@ -71,7 +71,7 @@ export function Webhooks({ initial, isAdmin }: Props) { } return ( -
+

Notification webhooks

diff --git a/src/components/dashboard/SetupChecklist.tsx b/src/components/dashboard/SetupChecklist.tsx index 66c9fde..f225a2b 100644 --- a/src/components/dashboard/SetupChecklist.tsx +++ b/src/components/dashboard/SetupChecklist.tsx @@ -71,7 +71,7 @@ export function SetupChecklist({
  • @@ -110,7 +110,7 @@ export function SetupChecklist({

    )} -
    +

    Thanks for trying DataShield.

    It is an open-source project built to make breach exposure visible and actionable. diff --git a/src/components/dashboard/WidgetLibrary.tsx b/src/components/dashboard/WidgetLibrary.tsx index aebe4ee..95f758b 100644 --- a/src/components/dashboard/WidgetLibrary.tsx +++ b/src/components/dashboard/WidgetLibrary.tsx @@ -152,7 +152,7 @@ export function WidgetLibrary({ "group overflow-hidden rounded-xl border transition-all duration-200", isEnabled ? "border-primary/40 shadow-sm hover:border-primary/60" - : "border-border hover:border-muted-foreground/40" + : "border-border/60 hover:border-muted-foreground/40" )} > {/* Preview */} diff --git a/src/components/employees/EmployeeTable.tsx b/src/components/employees/EmployeeTable.tsx index f65ed3e..29b7fc1 100644 --- a/src/components/employees/EmployeeTable.tsx +++ b/src/components/employees/EmployeeTable.tsx @@ -151,7 +151,7 @@ export function EmployeeTable({ data }: { data: EmployeeRow[] }) {

    {/* Table */} -
    +
    {table.getHeaderGroups().map((hg) => ( diff --git a/src/components/register/ExposureRegister.tsx b/src/components/register/ExposureRegister.tsx index 3376dcb..eff64f0 100644 --- a/src/components/register/ExposureRegister.tsx +++ b/src/components/register/ExposureRegister.tsx @@ -60,7 +60,7 @@ export function ExposureRegister({ initial, isAdmin }: { initial: RegisterRow[]; return (
    {isAdmin && ( -
    +

    Record an exposure

    +

    No exposures recorded yet.

    ) : ( @@ -114,7 +114,7 @@ export function ExposureRegister({ initial, isAdmin }: { initial: RegisterRow[]; {rows.map((r) => { const cd = countdown(r) return ( -
    +

    {r.title}

    diff --git a/src/components/reports/ReportSchedules.tsx b/src/components/reports/ReportSchedules.tsx index 1518e42..295689f 100644 --- a/src/components/reports/ReportSchedules.tsx +++ b/src/components/reports/ReportSchedules.tsx @@ -67,7 +67,7 @@ export function ReportSchedules({ initial, isAdmin }: { initial: ScheduleRow[]; } return ( -
    +

    Scheduled report delivery

    diff --git a/src/components/reports/ReportSection.tsx b/src/components/reports/ReportSection.tsx index 39313a5..c9fc660 100644 --- a/src/components/reports/ReportSection.tsx +++ b/src/components/reports/ReportSection.tsx @@ -8,7 +8,7 @@ interface ReportSectionProps { export function ReportSection({ title, description, children }: ReportSectionProps) { return ( -
    +
    {/* Natural-height probe: stays content-sized even when the section is stretched to fill a taller grid cell, so the canvas can measure the intrinsic content height (the resize floor) instead of the cell. */} diff --git a/src/components/settings/ConnectWizard.tsx b/src/components/settings/ConnectWizard.tsx index 84d5977..a9a9f76 100644 --- a/src/components/settings/ConnectWizard.tsx +++ b/src/components/settings/ConnectWizard.tsx @@ -301,7 +301,7 @@ export function ConnectWizard({ onClose, onCreated }: Props) { return (
    -
    +

    {step === "choose" && "Connect a directory"} diff --git a/src/components/settings/DirectoryConnections.tsx b/src/components/settings/DirectoryConnections.tsx index 5dbc290..649cb9c 100644 --- a/src/components/settings/DirectoryConnections.tsx +++ b/src/components/settings/DirectoryConnections.tsx @@ -168,7 +168,7 @@ export function DirectoryConnections({ initial, isAdmin }: Props) {

    {connections.length === 0 ? ( -
    +

    No directory connected

    @@ -192,7 +192,7 @@ export function DirectoryConnections({ initial, isAdmin }: Props) { return (

    +

    Automated remediation

    diff --git a/src/components/settings/SetupGuides.tsx b/src/components/settings/SetupGuides.tsx index 8e036a6..e0f9296 100644 --- a/src/components/settings/SetupGuides.tsx +++ b/src/components/settings/SetupGuides.tsx @@ -435,7 +435,7 @@ export function SetupGuides() {

    -
    +
    {TABS.map((tab) => ( + diff --git a/src/components/layout/SidebarContext.tsx b/src/components/layout/SidebarContext.tsx deleted file mode 100644 index ed305bd..0000000 --- a/src/components/layout/SidebarContext.tsx +++ /dev/null @@ -1,28 +0,0 @@ -"use client" - -import { createContext, useContext, useState, type ReactNode } from "react" - -type SidebarContextValue = { - open: boolean - toggle: () => void - close: () => void -} - -const SidebarContext = createContext(null) - -export function SidebarProvider({ children }: { children: ReactNode }) { - const [open, setOpen] = useState(true) - return ( - setOpen((o) => !o), close: () => setOpen(false) }} - > - {children} - - ) -} - -export function useSidebar() { - const ctx = useContext(SidebarContext) - if (!ctx) throw new Error("useSidebar must be used within SidebarProvider") - return ctx -} diff --git a/src/components/layout/Topbar.tsx b/src/components/layout/Topbar.tsx index 9232302..9174dfd 100644 --- a/src/components/layout/Topbar.tsx +++ b/src/components/layout/Topbar.tsx @@ -1,8 +1,6 @@ "use client" import { usePathname } from "next/navigation" -import { PanelLeft } from "lucide-react" -import { useSidebar } from "./SidebarContext" const pageTitles: Record = { "/dashboard": "Dashboard", @@ -23,20 +21,9 @@ function getTitle(pathname: string): string { export function Topbar() { const pathname = usePathname() const title = getTitle(pathname) - const { open, toggle } = useSidebar() return (
    - {!open && ( - - )}

    {title}

    )